.project-preview-module__2G5lCa__page{--project-accent:#3187aa;--project-accent-strong:#256d8b;--project-ink:hsl(var(--foreground));--project-muted:hsl(var(--muted-foreground));--project-line:color-mix(in srgb, hsl(var(--foreground)) 13%, transparent);background:linear-gradient(180deg, hsl(var(--background)) 0 72%, color-mix(in srgb, hsl(var(--background)) 82%, #dcebed 18%) 72% 100%);height:calc(100vh - 6rem);min-height:calc(100vh - 6rem);padding:clamp(1.15rem,2.6vh,2rem) 0 clamp(1rem,2.2vh,1.5rem);position:relative;overflow:hidden}@supports (height:100dvh){.project-preview-module__2G5lCa__page{height:calc(100dvh - 6rem);min-height:calc(100dvh - 6rem)}}:is(.dark,.cyberpunk,.aurora,.synthwave) .project-preview-module__2G5lCa__page{--project-accent:#78c5df;--project-accent-strong:#8fd4ea;background:hsl(var(--background))}.project-preview-module__2G5lCa__shell{-moz-column-gap:clamp(3.5rem, 6.2vw, 8.5rem);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(420px,1.44fr) minmax(360px,.76fr);align-items:stretch;gap:clamp(1rem,2.6vh,2rem) clamp(3.5rem,6.2vw,8.5rem);width:min(100%,1700px);height:calc(100% - 8.5rem);margin:0 auto;display:grid}.project-preview-module__2G5lCa__intro{grid-column:1/-1}.project-preview-module__2G5lCa__intro h1{color:var(--project-ink);letter-spacing:0;margin:0;font-family:MiSans,HarmonyOS Sans SC,Microsoft YaHei UI,sans-serif;font-size:clamp(2.1rem,3vw,3rem);font-weight:680;line-height:1.1}.project-preview-module__2G5lCa__intro p{color:var(--project-muted);margin:.55rem 0 0;font-size:.9rem;line-height:1.7}.project-preview-module__2G5lCa__caseStage{border:1px solid color-mix(in srgb, var(--project-accent) 20%, transparent);background:linear-gradient(145deg,#ffffffc2,#e0f1f780);border-radius:16px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:clamp(.7rem,1.4vw,1.1rem);display:flex;position:relative;box-shadow:0 22px 60px #295b6e1c,inset 0 1px #ffffffe6}:is(.dark,.cyberpunk,.aurora,.synthwave) .project-preview-module__2G5lCa__caseStage{border-color:color-mix(in srgb, var(--project-accent) 28%, transparent);background:color-mix(in srgb, hsl(var(--card)) 88%, #214d5d 12%);box-shadow:0 24px 72px #00000047}.project-preview-module__2G5lCa__visualFrame{background:#fff;border:1px solid #153a4824;border-radius:15px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 15px 34px #224b5a26}.project-preview-module__2G5lCa__frameBar{color:#607883;height:2.75rem;font-family:var(--font-heading), "Segoe UI Variable", sans-serif;letter-spacing:.02em;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem;font-size:.67rem;display:grid}.project-preview-module__2G5lCa__frameBar>span{min-width:0}.project-preview-module__2G5lCa__frameBar>span:nth-child(2){color:#356779}.project-preview-module__2G5lCa__frameDots{gap:.3rem;display:flex}.project-preview-module__2G5lCa__frameDots i{background:#b9d0d8;border-radius:50%;width:.38rem;height:.38rem;display:block}.project-preview-module__2G5lCa__frameDots i:first-child{background:#91b9c6}.project-preview-module__2G5lCa__frameBar>span:last-child{text-align:right}.project-preview-module__2G5lCa__imageCanvas{background:#102a35;flex:1;min-height:0;position:relative;overflow:hidden}.project-preview-module__2G5lCa__dataVisual{background:repeating-linear-gradient(0deg,#dceef10e 0 1px,#0000 1px 42px),linear-gradient(145deg,#0c222d,#174452 72%,#1f5f68);grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(1.25rem,2.5vw,2.25rem);display:grid;position:absolute;inset:0}.project-preview-module__2G5lCa__imageCanvas[data-visual=calibration] .project-preview-module__2G5lCa__dataVisual{background:repeating-linear-gradient(0deg,#ecf1ee0e 0 1px,#0000 1px 42px),linear-gradient(145deg,#18262a,#34565a 68%,#557577)}.project-preview-module__2G5lCa__imageCanvas[data-visual=delivery] .project-preview-module__2G5lCa__dataVisual{background:repeating-linear-gradient(0deg,#f1ede00e 0 1px,#0000 1px 42px),linear-gradient(145deg,#1c2927,#395b50 68%,#6f8064)}.project-preview-module__2G5lCa__visualTopline{color:#f0f8f8b8;font-family:var(--font-heading), "Segoe UI Variable", sans-serif;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:1rem;font-size:.67rem;font-weight:600;display:flex}.project-preview-module__2G5lCa__signalField{border-bottom:1px solid #e9f4f52e;align-items:end;gap:clamp(.45rem,1vw,.9rem);min-height:0;padding:clamp(1.5rem,3vh,2.5rem) 0 clamp(1.2rem,2.2vh,1.8rem);display:flex}.project-preview-module__2G5lCa__signalField i{transform-origin:bottom;background:#7bc9dcc2;border-radius:2px 2px 0 0;width:100%;height:38%;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .22s;display:block}.project-preview-module__2G5lCa__signalField i:nth-child(2),.project-preview-module__2G5lCa__signalField i:nth-child(11){height:54%}.project-preview-module__2G5lCa__signalField i:nth-child(3),.project-preview-module__2G5lCa__signalField i:nth-child(10){height:66%}.project-preview-module__2G5lCa__signalField i:nth-child(4),.project-preview-module__2G5lCa__signalField i:nth-child(9){height:48%}.project-preview-module__2G5lCa__signalField i:nth-child(5),.project-preview-module__2G5lCa__signalField i:nth-child(8){height:72%}.project-preview-module__2G5lCa__signalField i:nth-child(6){height:88%}.project-preview-module__2G5lCa__signalField i:nth-child(7){height:62%}.project-preview-module__2G5lCa__imageCanvas[data-visual=calibration] .project-preview-module__2G5lCa__signalField i:nth-child(odd){background:#e8a787c2}.project-preview-module__2G5lCa__imageCanvas[data-visual=calibration] .project-preview-module__2G5lCa__signalField i:nth-child(2n){background:#97cac2b8}.project-preview-module__2G5lCa__imageCanvas[data-visual=delivery] .project-preview-module__2G5lCa__signalField i{background:#cfdaa3b3}.project-preview-module__2G5lCa__visualStats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding-top:clamp(.9rem,1.8vh,1.3rem);display:grid}.project-preview-module__2G5lCa__visualStats>div+div{border-left:1px solid #e9f4f52e;padding-left:clamp(.9rem,1.8vw,1.5rem)}.project-preview-module__2G5lCa__visualStats dd{color:#f3f8f8;font-family:var(--font-heading), "Segoe UI Variable", sans-serif;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.15rem,1.8vw,1.7rem);font-weight:600;line-height:1}.project-preview-module__2G5lCa__visualStats dt{color:#f0f8f89e;margin-top:.45rem;font-size:.68rem}.project-preview-module__2G5lCa__imageCanvas:hover .project-preview-module__2G5lCa__signalField i{transform:scaleY(1.04)}.project-preview-module__2G5lCa__copy{flex-direction:column;justify-content:center;min-width:0;min-height:0;padding:clamp(1rem,2vw,2rem) clamp(.25rem,1.5vw,1.2rem) 0;display:flex}.project-preview-module__2G5lCa__copyMeta{color:var(--project-muted);font-family:var(--font-heading), "Segoe UI Variable", sans-serif;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;display:flex}.project-preview-module__2G5lCa__copyMeta span:last-child{color:var(--project-accent-strong)}.project-preview-module__2G5lCa__copy h2{max-width:10ch;color:var(--project-ink);letter-spacing:0;text-wrap:balance;margin:clamp(1rem,2.4vh,1.65rem) 0 0;font-family:MiSans,HarmonyOS Sans SC,Microsoft YaHei UI,sans-serif;font-size:clamp(2.25rem,4.2vw,4.25rem);font-weight:680;line-height:1.04}.project-preview-module__2G5lCa__thesis{max-width:31ch;color:color-mix(in srgb, var(--project-ink) 76%, transparent);margin:clamp(1rem,2.2vh,1.55rem) 0 0;font-size:clamp(.94rem,1.2vw,1.08rem);line-height:1.85}.project-preview-module__2G5lCa__evidence{border-top:1px solid var(--project-line);margin:clamp(1.35rem,3.6vh,2.5rem) 0 0;display:grid}.project-preview-module__2G5lCa__evidence>div{border-bottom:1px solid var(--project-line);grid-template-columns:3rem minmax(0,1fr);gap:.75rem;padding:.78rem 0;display:grid}.project-preview-module__2G5lCa__evidence dt{color:var(--project-accent-strong);font-size:.72rem;font-weight:680}.project-preview-module__2G5lCa__evidence dd{color:color-mix(in srgb, var(--project-ink) 73%, transparent);margin:0;font-size:.78rem;line-height:1.6}.project-preview-module__2G5lCa__tags{flex-wrap:wrap;gap:.45rem;margin-top:clamp(1rem,2vh,1.45rem);display:flex}.project-preview-module__2G5lCa__tags span{border:1px solid color-mix(in srgb, var(--project-accent) 28%, transparent);color:color-mix(in srgb, var(--project-ink) 70%, var(--project-accent) 30%);border-radius:999px;padding:.4rem .68rem;font-size:.68rem}.project-preview-module__2G5lCa__rail{border-top:1px solid var(--project-line);grid-template-columns:minmax(140px,.32fr) minmax(0,1.68fr);align-items:end;gap:clamp(1rem,3vw,3.5rem);width:min(100%,1700px);margin:0 auto;padding:.9rem 5.25rem 0 0;display:grid;position:absolute;bottom:clamp(.9rem,2vh,1.5rem);left:0;right:0}.project-preview-module__2G5lCa__railIntro{color:var(--project-muted);font-family:var(--font-heading), "Segoe UI Variable", sans-serif;justify-content:space-between;gap:1rem;font-size:.68rem;line-height:1.5;display:flex}.project-preview-module__2G5lCa__railIntro span:last-child{color:var(--project-accent)}.project-preview-module__2G5lCa__railItems{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,2.5vw,2.5rem);display:grid}.project-preview-module__2G5lCa__railItem,.project-preview-module__2G5lCa__railItemActive{min-width:0;color:var(--project-muted);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1.7rem minmax(0,1fr);align-items:baseline;gap:.45rem;padding:0 0 .7rem;display:grid;position:relative}.project-preview-module__2G5lCa__railItem:after,.project-preview-module__2G5lCa__railItemActive:after{background:var(--project-line);content:"";height:2px;transition:background-color .24s;position:absolute;bottom:0;left:0;right:0}.project-preview-module__2G5lCa__railItemActive{color:var(--project-ink)}.project-preview-module__2G5lCa__railItemActive:after{background:var(--project-accent)}.project-preview-module__2G5lCa__railItem:hover{color:var(--project-ink)}.project-preview-module__2G5lCa__railItem:focus-visible,.project-preview-module__2G5lCa__railItemActive:focus-visible{outline:2px solid var(--project-accent);outline-offset:5px}.project-preview-module__2G5lCa__railItem>span,.project-preview-module__2G5lCa__railItemActive>span{color:var(--project-accent-strong);font-family:var(--font-heading), "Segoe UI Variable", sans-serif;font-variant-numeric:tabular-nums;font-size:.68rem}.project-preview-module__2G5lCa__railItem strong,.project-preview-module__2G5lCa__railItemActive strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:650;line-height:1.35;overflow:hidden}.project-preview-module__2G5lCa__railItem i,.project-preview-module__2G5lCa__railItemActive i{background:var(--project-line);border-radius:50%;width:.38rem;height:.38rem;position:absolute;top:.42rem;right:0}.project-preview-module__2G5lCa__railItemActive i{background:var(--project-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--project-accent) 15%, transparent)}@media (min-width:1024px) and (max-height:820px){.project-preview-module__2G5lCa__page{padding-top:.65rem}.project-preview-module__2G5lCa__shell{height:calc(100% - 7.6rem)}.project-preview-module__2G5lCa__copy h2{font-size:clamp(2rem,3.7vw,3.4rem)}.project-preview-module__2G5lCa__evidence{margin-top:1.2rem}.project-preview-module__2G5lCa__evidence>div{padding:.6rem 0}}@media (max-width:1023px){.project-preview-module__2G5lCa__page{background:hsl(var(--background));height:auto;min-height:calc(100vh - 6rem);overflow:visible}.project-preview-module__2G5lCa__shell{grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:1.5rem;height:auto}.project-preview-module__2G5lCa__caseStage{grid-area:auto/1;min-height:420px}.project-preview-module__2G5lCa__copy{grid-area:auto/1;padding:0}.project-preview-module__2G5lCa__copy h2{max-width:none}.project-preview-module__2G5lCa__rail{width:100%;margin-top:2rem;padding-right:0;display:block;position:static}.project-preview-module__2G5lCa__railIntro{text-align:left;margin-bottom:.9rem}.project-preview-module__2G5lCa__railItems{gap:.75rem}}@supports (height:100dvh){@media (max-width:1023px){.project-preview-module__2G5lCa__page{min-height:calc(100dvh - 6rem)}}}@media (max-width:620px){.project-preview-module__2G5lCa__page{padding-top:.9rem}.project-preview-module__2G5lCa__caseStage{border-radius:16px;min-height:300px;padding:.5rem}.project-preview-module__2G5lCa__frameBar{height:2.35rem;padding:0 .7rem;font-size:.6rem}.project-preview-module__2G5lCa__copy h2{font-size:2.2rem}.project-preview-module__2G5lCa__railItems{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.project-preview-module__2G5lCa__signalField i,.project-preview-module__2G5lCa__railItem:after,.project-preview-module__2G5lCa__railItemActive:after{transition-duration:.01ms}}