.project-detail-page{background:#f5f6f8;color:#181a1f}.project-hero{position:relative;padding:52px 0 34px;overflow:hidden;border-bottom:1px solid #e3e6eb;background:radial-gradient(circle at 8% 16%,rgba(111,78,255,.09),transparent 28%),radial-gradient(circle at 92% 10%,rgba(235,73,171,.08),transparent 28%),linear-gradient(180deg,#fff,#fbfbfd)}.project-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,35,45,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(31,35,45,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 84%);pointer-events:none}.project-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:54px;align-items:center;max-width:1240px}.project-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:#8a909b;font-size:11px}.project-breadcrumb a{color:#747b86}.project-breadcrumb i{font-size:7px;color:#b7bcc5}.project-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.project-badges span{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border:1px solid #ddd7ff;border-radius:999px;background:#f5f2ff;color:#684cff;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.project-hero-copy h1{max-width:650px;margin:0;color:#17181c;font-size:clamp(42px,4.2vw,62px);line-height:1.02;font-weight:750;letter-spacing:-.045em}.project-lead{max-width:620px;margin:20px 0 0;color:#727985;font-size:15px;line-height:1.8}.project-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.project-meta-grid>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;padding:13px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(20,24,34,.035)}.project-meta-grid i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#eee9ff,#fff1fa);color:#684cff}.project-meta-grid small{display:block;color:#8a909a;font-size:9px}.project-meta-grid strong{display:block;margin-top:2px;color:#202228;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.project-primary-btn,.project-secondary-btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 19px;border-radius:13px;font-size:12px;font-weight:650;transition:.2s}.project-primary-btn{background:#17181c;color:#fff;box-shadow:0 12px 28px rgba(17,18,22,.15)}.project-secondary-btn{background:#fff;color:#282b31;border:1px solid #dfe2e7}.project-primary-btn:hover,.project-secondary-btn:hover{transform:translateY(-2px)}.project-trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:19px;color:#7b828d;font-size:10px}.project-trust span{display:inline-flex;align-items:center;gap:6px}.project-trust i{color:#684cff}.project-visual-wrap{position:relative}.project-visual-wrap:before{content:"";position:absolute;inset:8% -7% -10% 8%;z-index:-1;background:radial-gradient(circle,rgba(112,82,255,.17),transparent 66%);filter:blur(26px)}.project-browser{overflow:hidden;border:1px solid #e0e3e8;border-radius:24px;background:#fff;box-shadow:0 34px 90px rgba(21,25,34,.16)}.project-browser-top{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;border-bottom:1px solid #eceef2;background:#fafbfc}.project-browser-top>div{display:flex;gap:6px}.project-browser-top>div i{width:8px;height:8px;border-radius:50%;background:#ff6259}.project-browser-top>div i:nth-child(2){background:#ffc24b}.project-browser-top>div i:nth-child(3){background:#39cb75}.project-browser-top span{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#858b96;font-size:11px;font-weight:600}.project-browser-top button{justify-self:end;width:34px;height:34px;display:grid;place-items:center;border:1px solid #e1e4e9;border-radius:10px;background:#fff;color:#606773;cursor:pointer}.project-browser-image{height:430px;overflow:hidden;background:#eef0f3}.project-browser-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.project-no-image{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:#8b919b}.project-highlight-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1240px;margin-top:34px}.project-highlight-grid article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;padding:17px;border:1px solid #e2e5ea;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(20,24,34,.045)}.project-highlight-grid article>i{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#eee8ff,#fff1f8);color:#684cff;font-size:17px}.project-highlight-grid strong{display:block;margin-bottom:4px;color:#202228;font-size:13px;font-weight:650}.project-highlight-grid span{display:block;color:#7c828d;font-size:10px;line-height:1.55}.project-content-section{padding:54px 0 80px;background:#f1f3f6}.project-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start;max-width:1240px}.project-story-card,.project-side-card,.project-side-link{border:1px solid #e1e4e9;border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(20,24,34,.05)}.project-story-card{padding:30px}.project-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid #eceef2}.project-section-head span:first-child{color:#684cff;font-size:10px;font-weight:700;letter-spacing:.06em}.project-section-head h2{margin:8px 0 0;font-size:30px;line-height:1.2;letter-spacing:-.035em}.project-status{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #cdebd8;border-radius:999px;background:#effbf4;color:#159455!important;font-size:10px!important;font-weight:650;white-space:nowrap}.project-story-intro{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:center;margin:22px 0;padding:20px 22px;border:1px solid #ddd6ff;border-radius:18px;background:linear-gradient(135deg,#f5f1ff,#fff7fc)}.project-story-intro>i{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#fff;color:#684cff;font-size:19px}.project-story-intro strong{display:block;margin-bottom:4px;font-size:14px}.project-story-intro p{margin:0;color:#6d7480;font-size:12px;line-height:1.7}.project-rich-content{color:#505762;font-size:14px;line-height:1.9}.project-rich-content p{margin:0 0 17px}.project-rich-content h2,.project-rich-content h3{margin:24px 0 10px;color:#1f2228}.project-rich-content img{max-width:100%;height:auto;border-radius:16px}.project-value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.project-value-grid>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:15px;border:1px solid #e3e6eb;border-radius:15px;background:#fafbfc}.project-value-grid i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#eee9ff,#fff1fa);color:#684cff}.project-value-grid strong{display:block;font-size:12px}.project-value-grid small{display:block;margin-top:3px;color:#7d848f;font-size:10px;line-height:1.55}.project-sidebar{display:grid;gap:14px;position:sticky;top:95px}.project-side-card{padding:22px}.side-kicker{color:#684cff;font-size:9px;font-weight:700;letter-spacing:.06em}.project-side-card h3{margin:6px 0 14px;font-size:18px}.project-side-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #eceef2;font-size:11px}.project-side-row span{color:#7d848f}.project-side-row strong{text-align:right;font-weight:650}.project-side-accent{display:grid;grid-template-columns:46px 1fr;gap:13px}.project-side-accent>i{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#e9f9ef;color:#159455}.project-side-accent strong{display:block;font-size:13px}.project-side-accent p{margin:5px 0 0;color:#7c838e;font-size:10px;line-height:1.6}.project-side-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;color:#25282e}.project-side-link small{display:block;color:#684cff;font-size:9px;font-weight:700}.project-side-link strong{display:block;margin-top:4px;font-size:12px}.project-browser:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;background:#11151c;display:flex;flex-direction:column}.project-browser:fullscreen .project-browser-top{flex:0 0 52px}.project-browser:fullscreen .project-browser-image{flex:1;height:auto;overflow:auto;background:#11151c}.project-browser:fullscreen .project-browser-image img{width:100%;height:auto;max-height:none;object-fit:contain}html[data-theme="dark"] .project-detail-page{background:#171a21;color:#f4f6f8}html[data-theme="dark"] .project-hero{background:radial-gradient(circle at 8% 16%,rgba(111,78,255,.14),transparent 28%),radial-gradient(circle at 92% 10%,rgba(235,73,171,.10),transparent 28%),linear-gradient(180deg,#171a21,#1c2028);border-color:#303641}html[data-theme="dark"] .project-hero-copy h1,html[data-theme="dark"] .project-meta-grid strong,html[data-theme="dark"] .project-highlight-grid strong,html[data-theme="dark"] .project-section-head h2,html[data-theme="dark"] .project-story-intro strong,html[data-theme="dark"] .project-value-grid strong,html[data-theme="dark"] .project-side-card h3,html[data-theme="dark"] .project-side-row strong,html[data-theme="dark"] .project-side-accent strong,html[data-theme="dark"] .project-side-link strong{color:#f5f6f8}html[data-theme="dark"] .project-lead,html[data-theme="dark"] .project-breadcrumb,html[data-theme="dark"] .project-breadcrumb a{color:#9da5b1}html[data-theme="dark"] .project-meta-grid>div,html[data-theme="dark"] .project-highlight-grid article,html[data-theme="dark"] .project-story-card,html[data-theme="dark"] .project-side-card,html[data-theme="dark"] .project-side-link{background:#20242c;border-color:#353b46}html[data-theme="dark"] .project-content-section{background:#1d2129}html[data-theme="dark"] .project-browser{background:#20242c;border-color:#373d48}html[data-theme="dark"] .project-browser-top{background:#1b1f27;border-color:#343a45}html[data-theme="dark"] .project-story-intro{background:linear-gradient(135deg,#29243a,#2d232f);border-color:#44385f}html[data-theme="dark"] .project-story-intro>i{background:#20242c}html[data-theme="dark"] .project-rich-content,html[data-theme="dark"] .project-story-intro p,html[data-theme="dark"] .project-value-grid small,html[data-theme="dark"] .project-side-accent p,html[data-theme="dark"] .project-side-row span{color:#b1b9c5}html[data-theme="dark"] .project-value-grid>div{background:#252a33;border-color:#39404b}@media(max-width:1050px){.project-hero-grid{grid-template-columns:1fr;gap:36px}.project-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-content-grid{grid-template-columns:1fr}.project-sidebar{position:static}}@media(max-width:700px){.project-hero{padding:34px 0 28px}.project-hero-copy h1{font-size:40px}.project-meta-grid,.project-value-grid,.project-highlight-grid{grid-template-columns:1fr}.project-actions{display:grid}.project-primary-btn,.project-secondary-btn{width:100%}.project-browser-image{height:290px}}\n/* PROJECT FULLSCREEN FINAL */.project-browser:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#11151c!important;display:flex!important;flex-direction:column!important}.project-browser:fullscreen .project-browser-top{flex:0 0 52px!important;height:52px!important}.project-browser:fullscreen .project-browser-image{flex:1 1 auto!important;width:100%!important;height:calc(100vh - 52px)!important;min-height:0!important;overflow:auto!important;background:#11151c!important}.project-browser:fullscreen .project-browser-image img{display:block!important;width:100%!important;height:auto!important;min-height:100%!important;max-height:none!important;object-fit:contain!important;object-position:top center!important}.project-browser.project-fullscreen-fallback{position:fixed!important;inset:0!important;z-index:999999!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#11151c!important;display:flex!important;flex-direction:column!important}.project-browser.project-fullscreen-fallback .project-browser-top{flex:0 0 52px!important;height:52px!important}.project-browser.project-fullscreen-fallback .project-browser-image{flex:1!important;width:100%!important;height:calc(100vh - 52px)!important;overflow:auto!important;background:#11151c!important}.project-browser.project-fullscreen-fallback .project-browser-image img{display:block!important;width:100%!important;height:auto!important;min-height:100%!important;max-height:none!important;object-fit:contain!important;object-position:top center!important}.project-preview-open{overflow:hidden!important}.project-browser-top button.active{background:#684cff!important;border-color:#684cff!important;color:#fff!important}