.hx-project-detail-page{background-color:var(--hexa-bg);width:100%;min-height:100vh;color:var(--hexa-font-main)}.hx-pd-webgl-hero{border-bottom:1px solid var(--hexa-card-border);width:100%;height:60vh;position:relative;overflow:hidden}.hx-pd-rays-bg{z-index:1;opacity:.4;pointer-events:none;background-color:#0a0e17;position:absolute;top:0;bottom:0;left:0;right:0}.hx-pd-3d-center{z-index:2;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hx-pd-logo-wrapper{pointer-events:auto;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hx-pd-hero-content{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding-top:120px;padding-bottom:40px;display:flex;position:relative}.hx-pd-top-nav{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;display:flex}.hx-pd-back-link{color:var(--hexa-font-dim);letter-spacing:.5px;transition:color var(--transition-fast),transform var(--transition-fast);align-items:center;gap:8px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.hx-pd-back-link:hover{color:var(--hexa-font-main);transform:translate(-4px)}.hx-pd-hexa-tag{color:var(--hexa-accent);letter-spacing:2px;text-transform:uppercase;background:rgba(0,255,209,.05);border:1px solid rgba(0,255,209,.15);border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.hx-pd-massive-title{letter-spacing:-2px;color:var(--hexa-font-main);pointer-events:auto;margin:0;font-size:max(2.5rem,min(5vw,5.5rem));font-weight:600;line-height:1.1}.hx-pd-intro-flex{grid-template-columns:1.2fr 1fr;align-items:start;gap:80px;padding:140px 20px;display:grid}.hx-pd-sidebar-box h2{letter-spacing:-1px;margin:0 0 28px;font-size:max(2rem,min(3vw,3rem));font-weight:600;line-height:1.2}.hx-pd-sidebar-box h2 .global-text-dimmed{color:var(--hexa-font-dim);font-weight:300}.hx-pd-intro-text{color:var(--hexa-font-dim-hover);margin:0 0 40px;font-size:1.15rem;line-height:1.75}.hx-pd-meta-tags{flex-wrap:wrap;gap:8px;display:flex}.hx-pd-tag{background:var(--hexa-card-bg);border:1px solid var(--hexa-card-border);color:var(--hexa-font-dim);border-radius:50px;padding:6px 16px;font-size:.8rem;font-weight:500}.hx-pd-metrics-horizontal{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:40px 30px;width:100%;padding-top:10px;display:grid}.hx-pd-metric-box{white-space:nowrap;transition:border-color var(--transition-fast);border-left:1px solid rgba(255,255,255,.08);flex-direction:column;justify-content:flex-start;padding-left:20px;display:flex}.hx-pd-metric-box:hover{border-left-color:var(--hexa-accent)}.hx-pd-metric-value{color:var(--hexa-accent);letter-spacing:-1.5px;margin-bottom:10px;font-size:max(2.5rem,min(4vw,4rem));font-weight:300;line-height:1}.hx-pd-metric-label{color:var(--hexa-font-dim);letter-spacing:.3px;font-size:.95rem;font-weight:500;line-height:1.3}.hx-pd-approach-section{grid-template-columns:1fr 1.3fr;align-items:start;gap:100px;margin-bottom:160px;display:grid}.hx-pd-approach-left{height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:15vh}.hx-pd-approach-label{color:var(--hexa-font-dim);letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;font-size:.8rem;font-weight:600}.hx-pd-approach-title{color:var(--hexa-font-main);letter-spacing:-1px;margin-bottom:24px;font-size:max(2rem,min(3.5vw,3.5rem));font-weight:600;line-height:1.15}.hx-pd-approach-p{color:var(--hexa-font-dim);font-size:1.15rem;line-height:1.75}.hx-pd-features-list{flex-direction:column;gap:12px;margin-top:40px;display:flex}.hx-pd-feature-item{background:var(--hexa-card-bg);border:1px solid var(--hexa-card-border);color:var(--hexa-font-dim-hover);transition:all var(--transition-fast);border-radius:16px;align-items:center;gap:16px;padding:24px 28px;font-size:1.1rem;display:flex}.hx-pd-feature-item:hover{color:var(--hexa-font-main);background:rgba(255,255,255,.03);border-color:rgba(0,255,209,.2);transform:translate(6px)}.hx-pd-gallery-section{padding-bottom:160px}.hx-pd-bento-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hx-pd-bento-item{border:1px solid var(--hexa-card-border);background:var(--hexa-card-bg);border-radius:20px;position:relative;overflow:hidden}.hx-pd-bento-item img{object-fit:cover;filter:brightness(.85);width:100%;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s}.hx-pd-bento-item:hover img{filter:brightness();transform:scale(1.02)}.hx-pd-bento-1{aspect-ratio:16/11;grid-area:span 2/span 2}.hx-pd-bento-2,.hx-pd-bento-3{aspect-ratio:4/3;grid-area:span 1/span 1}.hx-pd-next-project{border-top:1px solid var(--hexa-card-border);justify-content:center;align-items:center;height:65vh;text-decoration:none;display:flex;position:relative;overflow:hidden}.hx-pd-next-bg{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.hx-pd-next-bg img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.hx-pd-next-overlay{background:rgba(10,14,23,.85);transition:background-color .6s;position:absolute;top:0;bottom:0;left:0;right:0}.hx-pd-next-project:hover .hx-pd-next-bg img{transform:scale(1.04)}.hx-pd-next-project:hover .hx-pd-next-overlay{background:rgba(10,14,23,.6)}.hx-pd-next-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.next-kicker{color:var(--hexa-font-dim);letter-spacing:4px;text-transform:uppercase;font-size:.8rem;font-weight:600}.next-title{color:var(--hexa-font-main);letter-spacing:-1.5px;margin:0;font-size:max(2.5rem,min(5vw,5rem));font-weight:600}.next-action{color:var(--hexa-accent);opacity:.8;transition:opacity var(--transition-fast),transform var(--transition-fast);align-items:center;gap:8px;margin-top:12px;font-size:1.05rem;font-weight:500;display:flex}.hx-pd-next-project:hover .next-action{opacity:1;transform:scale(1.03)}@media (max-width:1024px){.hx-pd-intro-flex,.hx-pd-approach-section{grid-template-columns:1fr;gap:50px;padding:100px 20px}.hx-pd-approach-left{position:relative;top:0}.hx-pd-metrics-horizontal{grid-template-columns:repeat(2,1fr);gap:30px}.hx-pd-bento-grid{grid-template-columns:1fr}.hx-pd-bento-1,.hx-pd-bento-2,.hx-pd-bento-3{aspect-ratio:16/10;grid-area:span 1/span 1}}@media (max-width:768px){.hx-pd-hero-content{padding-top:100px;padding-bottom:24px}.hx-pd-metrics-horizontal{grid-template-columns:1fr}.hx-pd-feature-item{padding:20px}}