:root{--navy:#061122;--deep:#0a3d8f;--blue:#2a7fff;--pale:#e6f0ff;--muted:#66748a;--border:#dce5f1;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f8faff;color:var(--navy);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #2a7fff;outline-offset:5px}button{touch-action:manipulation}.header{height:94px;padding:0 clamp(24px,5vw,84px);display:flex;align-items:center;justify-content:space-between;background:white}.brand{display:flex;align-items:center}.brand img{width:210px;height:auto;max-height:56px;object-fit:contain}.nav{font-size:14px;font-weight:600;display:flex;align-items:center;gap:18px}.nav span{font-size:12px;color:var(--blue);border:1px solid var(--border);padding:5px 8px;border-radius:20px}.hero{background:var(--navy);color:white;min-height:640px;display:grid;grid-template-columns:40% 60%;overflow:hidden;position:relative}.hero-copy{padding:78px 24px 38px clamp(24px,5vw,84px);position:relative;display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(ellipse at 95% 60%,#1047b23d,transparent 70%)}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;display:flex;align-items:center;gap:12px;margin:0 0 28px}.eyebrow i{width:22px;height:2px;background:var(--blue)}h1{font-size:clamp(38px,4vw,66px);font-weight:600;line-height:1.25;letter-spacing:-.045em;margin:0 0 24px}h1 span{color:#8eb8ff}.hero-copy>p{font-size:16px;color:#aabbd3;line-height:1.8;margin:0}.explore{margin-top:40px;padding:15px 20px;border:1px solid #627ba450;display:flex;gap:46px;align-items:center;font-size:14px;border-radius:5px}.explore:hover{background:#2a7fff;border-color:#2a7fff}.explore span{font-size:12px;color:#a9caff}.hero-foot{margin-top:auto;padding-top:60px;font-size:13px;letter-spacing:.08em;color:#8b9db8;display:flex;flex-wrap:wrap;gap:20px}.hero-foot span{color:#7085a2}.featured{border:0;padding:0;background:#0a2140;position:relative;min-height:640px;color:white;overflow:hidden;text-align:left}.featured>img{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0;transition:transform .7s ease;opacity:.9}.featured:hover>img{transform:scale(1.03)}.featured-shade{position:absolute;inset:0;background:linear-gradient(180deg,#06112245 0%,transparent 30%,#06112212 50%,#061122ed 100%)}.featured-top{position:absolute;top:36px;left:36px;right:36px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#d6e6ff}.featured-top>span{opacity:.7}.play{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffeb;color:var(--deep);width:44px;height:44px;font-size:14px;padding-left:3px;box-shadow:0 4px 22px #0002}.play.large{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;background:#ffffff16;backdrop-filter:blur(10px);color:white;border:1px solid #ffffff80;font-size:21px}.featured-caption{position:absolute;bottom:44px;left:36px;right:36px;display:flex;align-items:end;justify-content:space-between;gap:20px}.featured-caption small{display:block;font-size:12px;letter-spacing:.1em;color:#b8cbed;margin-bottom:12px}.featured-caption strong{font-size:clamp(22px,2.1vw,34px);font-weight:500}.watch{font-size:13px;white-space:nowrap;border-bottom:1px solid #97b7e5;padding-bottom:7px}.section{padding:78px clamp(24px,5vw,84px) 92px;max-width:1700px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:24px}.blue{color:var(--blue);margin-bottom:13px}h2{font-size:clamp(25px,2.5vw,36px);font-weight:600;letter-spacing:-.035em;margin:0}.collection-count{font-size:14px;color:var(--muted);margin:0 0 5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.project{width:100%;border:0;background:none;padding:0;text-align:left;color:var(--navy)}.thumb{aspect-ratio:16/10;background:#0b1b30;border-radius:7px;position:relative;overflow:hidden}.thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.project:hover .thumb>img{transform:scale(1.035)}.thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#00132675)}.thumb .play{position:absolute;z-index:1;bottom:16px;left:16px;width:36px;height:36px;font-size:11px}.duration{position:absolute;z-index:1;right:14px;bottom:20px;color:white;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.06em}.project-meta{padding-top:19px;display:flex;align-items:start;gap:12px}.project-number{color:#7d91af;font-size:12px;line-height:1.9;font-variant-numeric:tabular-nums}.project h3{font-size:17px;font-weight:600;margin:0;line-height:1.6}.project-category{color:var(--muted);font-size:13px;margin:6px 0 0}.project:hover h3{color:var(--deep)}footer{border-top:1px solid var(--border);padding:30px clamp(24px,5vw,84px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:white;font-size:13px;color:var(--muted)}.footer-brand{font-size:21px;font-weight:650;letter-spacing:-.03em;color:var(--deep)}footer a{font-size:13px;color:var(--deep)}dialog{width:min(1180px,94vw);max-height:94dvh;padding:0;border:1px solid #33445f;border-radius:12px;background:#071224;color:white;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#010710dc;backdrop-filter:blur(8px)}.dialog-head{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.dialog-head p{font-size:11px;letter-spacing:.14em;color:#849aba;margin:0 0 8px}.dialog-head h2{font-size:21px;font-weight:500;line-height:1.4}.close{width:42px;height:42px;flex-shrink:0;border:1px solid #3a4a63;border-radius:50%;color:white;background:none;font-size:18px}.close:hover{background:#1e3961}.video-wrap{background:#000;display:flex;justify-content:center}.video-wrap video{width:100%;max-height:65dvh;display:block;object-fit:contain}.dialog-bottom{padding:18px 28px;display:flex;justify-content:space-between;align-items:center;color:#879bb9;font-size:12px}.dialog-bottom button{border:0;background:none;color:#b4cff5;font-size:14px;padding:6px}.dialog-bottom button:hover{color:white}#player-error{padding:12px 28px;color:#ffd3a4;font-size:14px}body.modal-open{overflow:hidden}@media(min-width:1700px){.hero{min-height:740px}.featured{min-height:740px}.hero-copy{padding-top:100px}}@media(max-width:1000px){.hero{grid-template-columns:44% 56%;min-height:540px}.featured{min-height:540px}.hero-copy{padding-top:60px}h1{font-size:44px}.hero-foot{font-size:12px}.featured-top{left:24px;right:24px}.featured-caption{left:24px;right:24px;bottom:30px}.watch{display:none}.grid{gap:32px 20px}.project h3{font-size:16px}}@media(max-width:720px){.header{height:76px}.brand img{width:180px}.nav{font-size:12px;gap:8px}.hero{display:block}.hero-copy{padding:45px 24px 36px}.eyebrow{font-size:11px;margin-bottom:22px}h1{font-size:42px;margin-bottom:16px}.hero-copy>p{font-size:14px}.explore{margin-top:25px;padding:12px 16px;font-size:13px}.hero-foot{display:none}.featured{width:100%;min-height:340px;display:block}.featured-top{top:24px;font-size:10px}.featured-caption{bottom:26px}.featured-caption strong{font-size:23px}.play.large{width:60px;height:60px;font-size:16px}.section{padding:44px 20px 52px}.section-heading{margin-bottom:25px}.section-heading .eyebrow{margin-bottom:12px}.collection-count{font-size:12px;white-space:nowrap}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.project-meta{padding-top:12px;gap:7px}.project h3{font-size:14px;line-height:1.6}.project-number{font-size:11px}.project-category{font-size:12px;margin-top:4px}.thumb{border-radius:5px;aspect-ratio:4/3}.thumb .play{width:29px;height:29px;bottom:10px;left:10px;font-size:9px}.duration{font-size:10px;bottom:17px;right:10px}footer{padding:25px 24px;flex-wrap:wrap;font-size:12px}.footer-brand{width:100%;font-size:22px}.dialog-head{padding:20px 17px}.dialog-head h2{font-size:17px}.dialog-head p{font-size:9px}.dialog-bottom{padding:14px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:360px){h1{font-size:36px}.grid{grid-template-columns:1fr}.nav span{display:none}}
/* Display the supplied transparent lockup without its surrounding canvas. */
.brand{display:block;position:relative;width:214px;height:44px;overflow:hidden}.brand img{position:absolute;left:-17px;top:-25px;width:246px;height:auto;max-height:none;object-fit:initial}@media(max-width:720px){.brand{width:180px;height:38px}.brand img{width:207px;left:-14px;top:-21px}}
#retry-player{margin-left:16px;padding:7px 12px;color:white;background:#0a3d8f;border:1px solid #4c87d9;border-radius:4px;font-size:14px}
/* Revision: prominent header lockup and a static, four-image case montage. */
.header{height:108px;border-top:4px solid var(--blue)}
.brand{width:278px;height:56px;overflow:visible}
.brand .header-logo{display:block;width:100%;height:100%;overflow:hidden}
.case-collage{margin:0;padding:36px 36px 40px 24px;min-width:0;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#07162c,#0a2854);position:relative}
.collage-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 20px;color:#b1caf0;font-size:12px;letter-spacing:.08em}
.collage-heading>span:first-child{font-size:13px;font-weight:600;letter-spacing:.12em;color:#e6f0ff}
.collage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid #80aff733;padding:10px;border-radius:9px;background:#071328;box-shadow:0 22px 50px #0003}
.collage-tile{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#0a2343}
.collage-tile img{width:100%;height:100%;display:block;object-fit:cover}
.collage-tile span{position:absolute;bottom:0;left:0;right:0;padding:18px 10px 8px;background:linear-gradient(transparent,#020d20cc);color:#eef5ff;font-size:12px;line-height:1.5;text-shadow:0 1px 3px #000}
@media(max-width:1000px){.case-collage{padding:30px 24px 30px 10px}.collage-grid{padding:7px;gap:7px}.collage-heading{font-size:11px}.collage-tile span{font-size:11px;padding:16px 7px 6px}}
@media(max-width:720px){.header{height:88px}.brand{width:218px;height:43px}.case-collage{padding:22px 20px 30px}.collage-heading{margin-bottom:16px}.collage-grid{padding:7px;gap:7px}.collage-tile span{font-size:10px}.hero-copy{padding-bottom:30px}}
@media(max-width:380px){.brand{width:176px;height:35px}.nav{font-size:11px}.header{padding-left:20px;padding-right:20px}.collage-tile span{font-size:10px;letter-spacing:0}}
/* Data-driven collection states retain the original portfolio layout. */
#collection-status{color:var(--muted);font-size:14px;line-height:1.8}#retry-collection{border:1px solid var(--border);border-radius:5px;padding:10px 18px;background:white;color:var(--deep);margin-bottom:24px}#player-description{padding:0 28px;margin:20px 0 0;color:#b4c5de;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.project h3{overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:720px){#player-description{padding:0 17px}}
.hero-empty{grid-column:1/-1;color:#aabbd3;text-align:center;padding:64px 24px;font-size:14px}#hero-collage[aria-busy=true]{min-height:300px}