.projects-page .services-header nav .active{color:#ff2d32;text-align:right;padding-right:0;padding-left:0}
.projects-page .brand-mark{background:#ff2d32}.projects-page .brand-mark:before{border-color:#ff2d32}
.projects-page .brand-mark img{width:35px;height:35px;object-fit:contain;display:block}
.projects-page .chat-pill i{background:#ff2d32}.projects-page .chat-pill{box-shadow:5px 22px 25px rgba(255,45,50,.16)}
.projects-hero{height:312px;margin:0 4.45%;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.projects-hero h1{font-family:"Dean Big";font-size:136px;line-height:.8;margin:38px 0 0 24px}
.projects-intro{display:flex;justify-content:flex-end;align-items:flex-start;height:100%;padding:40px 40px 0 0}
.projects-intro p{background:#f2f2f2;border-radius:30px;padding:17px 26px;margin:0 -20px 0 0;font-weight:700;z-index:1}
.projects-character{width:230px;height:220px}
.projects-hero-video{display:block;width:min(380px,52%);height:240px;object-fit:contain;object-position:center;background:transparent;filter:drop-shadow(0 22px 28px rgba(0,0,0,.12));margin:26px 0 0 18px}
.experience-lanes{margin:0 4.45%;border-top:1px solid var(--line)}
.experience-lane{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;min-height:390px;padding:42px 0;border-bottom:1px solid var(--line)}
.lane-head{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0 6px 24px}
.lane-head span{font-family:"Dean Big";font-size:34px;color:#ff2d32}
.lane-head h2{font-family:"Dean Big";font-size:58px;line-height:.88;margin:18px 0 24px}
.lane-head p{max-width:240px;color:var(--muted);line-height:1.65;margin:0}
.lane-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(238px,300px);gap:18px;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;padding:18px 36px 34px 0;scroll-snap-type:x proximity}
.lane-track::-webkit-scrollbar{height:8px}.lane-track::-webkit-scrollbar-thumb{background:#dedede;border-radius:100px}
.lane-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:22px;border:1px solid var(--line);border-radius:22px;background:#f8f8f8;scroll-snap-align:start;box-shadow:0 16px 22px rgba(0,0,0,.08);transform-origin:center bottom;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease,filter .32s ease}
.lane-card:before{content:"";position:absolute;left:20px;right:20px;top:20px;height:1px;background:rgba(0,0,0,.1)}
.lane-card small{display:block;margin-top:22px;color:#ff2d32;font-weight:800;font-size:12px;letter-spacing:.04em}
.lane-card h3{font-family:"Dean Big";font-size:31px;line-height:1;margin:18px 0 14px}
.lane-card p{color:var(--muted);line-height:1.68;margin:0}
.lane-card div{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px}
.lane-card div span{padding:7px 10px;border-radius:999px;background:#fff;color:#111;font-size:12px;font-weight:800}
.lane-link{display:inline-flex;align-items:center;width:max-content;margin-top:auto;padding-top:18px;color:#ff2d32;font-size:13px;font-weight:800}
.lane-card.featured{grid-row:span 1;background:#fff;min-height:330px}
.lane-card.featured h3{font-size:36px}
.system-shot-card,.ai-shot-card{overflow:hidden;justify-content:flex-end;isolation:isolate;background:#f2f2f2}.lane-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.01);z-index:0;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s ease}.system-shot-card:after,.ai-shot-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.78) 100%);z-index:1;transition:background .32s ease}.system-shot-card small,.ai-shot-card small{position:relative;z-index:2;margin-top:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.36)}.system-shot-card h3,.ai-shot-card h3{position:relative;z-index:2;max-width:330px;margin:12px 0 0;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.42)}.system-shot-card,.ai-shot-card{width:420px;max-width:420px;min-height:330px}.ai-shot-card{box-shadow:0 16px 22px rgba(0,0,0,.08)}.placeholder-card{background:#eeeeee;color:#5f5f5f;box-shadow:none}
.placeholder-card small{color:#777}.placeholder-card:after{content:"待补充";position:absolute;right:18px;bottom:18px;padding:7px 10px;border-radius:100px;background:#d9d9d9;color:#666;font-size:12px;font-weight:800}
.lane-ai .lane-head span,.lane-ai .lane-card small{color:#777}.lane-ai .lane-head h2{color:#555}.lane-ai .ai-shot-card small,.lane-ai .ai-shot-card h3{color:#fff}
.lane-ai .ai-shot-card .lane-link{position:relative;z-index:2;margin-top:14px;padding-top:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.36)}
.static-ai-track{grid-column:2;grid-row:1}
.lane-creation .lane-head span,.lane-creation .lane-card small{color:#06b8d2}
.creation-shot-card{overflow:hidden;justify-content:flex-end;isolation:isolate;background:#f2f2f2;width:420px;max-width:420px;min-height:330px}
.system-shot-card:before,.ai-shot-card:before,.creation-shot-card:before{display:none}
.creation-shot-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.18) 44%,rgba(0,0,0,.82) 100%);z-index:1;transition:background .32s ease}
.creation-shot-card small,.creation-shot-card h3,.creation-shot-card p,.creation-shot-card div,.creation-shot-card .lane-link{position:relative;z-index:2}
.lane-creation .creation-shot-card small,.lane-creation .creation-shot-card h3{color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.42)}
.creation-shot-card small{margin-top:0}
.creation-shot-card h3{max-width:330px;margin:12px 0 10px}
.creation-shot-card p{max-width:330px;color:rgba(255,255,255,.82);text-shadow:0 2px 10px rgba(0,0,0,.35)}
.creation-shot-card div{margin-top:14px;padding-top:0}
.creation-shot-card div span{background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.creation-shot-card .lane-link{margin-top:12px;padding-top:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.lane-card:hover,.lane-card:focus-within{z-index:30;transform:translateY(-10px) scale(1.045);border-color:rgba(0,0,0,.18);box-shadow:0 30px 55px rgba(0,0,0,.22)}
.system-shot-card:hover .lane-card-bg,.system-shot-card:focus-within .lane-card-bg,.ai-shot-card:hover .lane-card-bg,.ai-shot-card:focus-within .lane-card-bg,.creation-shot-card:hover .lane-card-bg,.creation-shot-card:focus-within .lane-card-bg{transform:scale(1.07);filter:saturate(1.08) contrast(1.02)}
.system-shot-card:hover:after,.system-shot-card:focus-within:after,.ai-shot-card:hover:after,.ai-shot-card:focus-within:after{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.7) 100%)}
.creation-shot-card:hover:after,.creation-shot-card:focus-within:after{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.08) 42%,rgba(0,0,0,.72) 100%)}
.dark .projects-intro p,.dark .lane-card{background:#222}.dark .lane-card div span{background:#111;color:#fff}.dark .placeholder-card{background:#2b2b2b}
@media(max-width:760px){.projects-page .services-header nav .active{padding:0}.projects-hero{height:230px;margin:0 16px;display:block;padding-top:40px}.projects-hero h1{font-size:82px;margin:0;text-align:center}.projects-intro{display:none}.experience-lanes{margin:0 16px}.experience-lane{display:block;min-height:0;padding:34px 0}.lane-head{padding:0 0 24px}.lane-head h2{font-size:44px}.lane-head p{max-width:none}.lane-track{grid-auto-columns:minmax(230px,82vw);padding-right:0}.lane-card{min-height:285px}.projects-page .project-cta{height:480px}}
.lane-track.is-carousel{grid-column:2;grid-row:1;position:relative;display:block;height:386px;overflow:visible;padding:20px 12px 42px;scroll-snap-type:none}
.lane-track.is-carousel::-webkit-scrollbar{display:none}
.lane-track.is-carousel .lane-card{position:absolute;left:50%;top:20px;width:min(420px,42vw);max-width:420px;min-height:330px;margin:0;pointer-events:none;opacity:0;filter:saturate(.82);transform:translateX(-50%) scale(.82);transition:transform .56s cubic-bezier(.19,1,.22,1),opacity .42s ease,filter .42s ease,box-shadow .42s ease}
.lane-track.is-carousel .lane-card[data-carousel-pos="active"]{z-index:8;pointer-events:auto;opacity:1;filter:saturate(1);transform:translateX(-50%) translateY(-8px) scale(1.04);box-shadow:0 30px 58px rgba(0,0,0,.24)}
.lane-track.is-carousel .lane-card[data-carousel-pos="prev"]{z-index:5;pointer-events:auto;opacity:.72;filter:saturate(.82) contrast(.96);transform:translateX(calc(-50% - 280px)) translateY(18px) scale(.88)}
.lane-track.is-carousel .lane-card[data-carousel-pos="next"]{z-index:5;pointer-events:auto;opacity:.72;filter:saturate(.82) contrast(.96);transform:translateX(calc(-50% + 280px)) translateY(18px) scale(.88)}
.lane-track.is-carousel .lane-card[data-carousel-pos="hidden"]{z-index:1;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(30px) scale(.72)}
.lane-track.is-carousel .lane-card:hover,.lane-track.is-carousel .lane-card:focus-within{border-color:rgba(0,0,0,.18)}
.lane-track.is-carousel .lane-card[data-carousel-pos="active"]:hover,.lane-track.is-carousel .lane-card[data-carousel-pos="active"]:focus-within{transform:translateX(-50%) translateY(-14px) scale(1.075)}
.lane-carousel-controls{grid-column:2;grid-row:1;align-self:end;justify-self:end;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:-34px 24px 10px 0;position:relative;z-index:12}
.lane-carousel-button{width:42px;height:42px;border:1px solid rgba(0,0,0,.12);border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 12px 25px rgba(0,0,0,.1);transition:transform .24s ease,background .24s ease,color .24s ease}
.lane-carousel-button:hover{transform:translateY(-2px);background:#111;color:#fff}
.lane-carousel-count{min-width:58px;text-align:center;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.08em}
@media(max-width:980px){.lane-track.is-carousel{height:374px}.lane-track.is-carousel .lane-card{width:min(360px,58vw)}.lane-track.is-carousel .lane-card[data-carousel-pos="prev"]{transform:translateX(calc(-50% - 210px)) translateY(22px) scale(.82)}.lane-track.is-carousel .lane-card[data-carousel-pos="next"]{transform:translateX(calc(-50% + 210px)) translateY(22px) scale(.82)}}
@media(max-width:760px){.lane-track.is-carousel{grid-column:auto;grid-row:auto;height:350px;padding:12px 0 52px}.lane-track.is-carousel .lane-card{width:min(330px,86vw);min-height:305px}.lane-track.is-carousel .lane-card[data-carousel-pos="active"]{transform:translateX(-50%) scale(1)}.lane-track.is-carousel .lane-card[data-carousel-pos="prev"]{opacity:.18;transform:translateX(calc(-50% - 105px)) translateY(22px) scale(.78)}.lane-track.is-carousel .lane-card[data-carousel-pos="next"]{opacity:.18;transform:translateX(calc(-50% + 105px)) translateY(22px) scale(.78)}.lane-carousel-controls{grid-column:auto;grid-row:auto;justify-content:center;margin:-40px 0 10px}}