.project-hero{position:relative;width:100%;height:100vh;overflow:hidden;background-color:var(--primary-accent);padding:0}.project-hero-image{width:100%;height:100%;position:relative}.project-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.sticky-project-name-wrapper{position:absolute;bottom:var(--space-2xl);left:var(--space-2xl);z-index:var(--z-dropdown);pointer-events:none}.sticky-project-name{font-family:var(--font-display);font-size:var(--text-10xl);letter-spacing:-.6rem;font-weight:700;color:var(--text-primary);line-height:1;margin:0}.project-intro,.project-summary{position:relative;width:100%;background-color:var(--bg-primary);z-index:var(--z-dropdown)}.project-content-wrapper{max-width:var(--content-width);margin:0 auto}.project-section-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-lg);line-height:1.2}.project-subsection-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:var(--space-2xl) 0 var(--space-md) 0;line-height:1.3}.project-paragraph{font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6;color:var(--text-primary);margin-bottom:var(--space-xl);max-width:650px}.project-paragraph:last-child{margin-bottom:0}.project-image-wrapper{position:relative;width:100%;height:500px;margin:var(--space-2xl) 0;overflow:hidden;padding:2px 0;background-color:var(--primary-accent)}.project-image-wrapper img{width:100%;height:100%;object-fit:contain;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.project-image-wrapper img.cover{object-fit:cover}.project-image-wrapper video{width:100%;height:100%;object-fit:contain;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.project-image-wrapper.full-width{width:100vw;height:auto;max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.project-image-wrapper.full-width video{width:100%;height:auto;aspect-ratio:16 / 9}.project-image-wrapper.full-width [data-slider=container]{display:block;max-width:none;margin:0}.keyhole-layer{position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);pointer-events:none;z-index:var(--z-dropdown)}.keyhole-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);clip-path:polygon(0% 0%,0% 100%,0% 100%,0% 0%,100% 0%,100% 100%,0% 100%,0% 100%,100% 100%,100% 0%);will-change:clip-path;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}@supports (-webkit-clip-path: polygon(0 0)) or (clip-path: polygon(0 0)){.keyhole-mask{-webkit-clip-path:polygon(0% 0%,0% 100%,0% 100%,0% 0%,100% 0%,100% 100%,0% 100%,0% 100%,100% 100%,100% 0%)}}@supports not (clip-path: polygon(0 0)){.keyhole-mask{display:none}}.close-btn-group{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:var(--z-fixed);display:flex;align-items:center;justify-content:center}.project-close-btn{position:relative;width:60px;height:60px;cursor:pointer;text-decoration:none;transition:transform var(--transition-fast);z-index:2}.project-close-btn:hover{transform:scale(1.1)}.close-circle{width:60px;height:60px;border-radius:50%;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;color:var(--text-light);box-shadow:0 4px 12px #00000026}.close-circle svg{width:24px;height:24px}.secondary-btn{position:absolute;opacity:0;display:none;text-decoration:none;transition:transform var(--transition-fast);z-index:1}.secondary-btn:hover{transform:scale(1.05)}.secondary-circle{height:48px;padding:0 24px;border-radius:24px;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);margin-top:var(--space-xl)}.two-column-layout .project-subsection-title{margin-top:0}.scroll-carousel{position:relative;width:100vw;height:100vh;margin-top:var(--space-4xl)}.carousel-slides{display:flex;gap:var(--space-2xl);height:100%;width:auto;will-change:transform}.carousel-slide{flex:0 0 60vw;height:100%;display:flex;flex-direction:column;opacity:.3;transition:opacity .3s ease;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto}.slide-image{flex:0 0 70%;width:100%;overflow:visible;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-accent)}.slide-image [data-slider=container]{width:100%;max-width:976px;display:block}.slide-image img{width:100%;height:100%;object-fit:contain;display:block}.slide-content{flex:1;padding:var(--space-xl);background:var(--bg-primary);align-items:flex-start;justify-content:center;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.slide-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.slide-content p{font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);margin-top:var(--space-xs);margin-bottom:0}.slide-content ul{font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);margin-top:var(--space-xs);margin-bottom:0;padding-left:var(--space-lg);list-style-type:disc}.slide-content li{color:inherit;margin-bottom:var(--space-xs)}.slide-content li:last-child{margin-bottom:0}@media (min-width: 769px) and (max-width: 1024px){.scroll-carousel{height:100vh}.carousel-slide{flex:0 0 70vw}.slide-image{flex:0 0 60%}.slide-content{flex:1;padding:var(--space-lg)}}@media (max-width: 768px){.sticky-project-name{font-size:8rem;left:var(--space-lg)}.sticky-project-name-wrapper{left:var(--space-lg)}.project-section-title{font-size:var(--text-3xl)}.project-subsection-title{font-size:var(--text-xl)}.project-paragraph{font-size:var(--text-base)}.project-image-wrapper{height:300px}.two-column-layout{grid-template-columns:1fr;gap:var(--space-xl)}.two-column-layout .project-subsection-title{margin-top:var(--space-4xl)}.two-column-layout .column:first-child .project-subsection-title{margin-top:0}.scroll-carousel{height:80vh}.carousel-slide{flex:0 0 85vw;gap:var(--space-md)}.slide-image{flex:0 0 65%}.slide-content{padding:var(--space-md)}.slide-title{font-size:var(--text-lg)}}.aspect-container{position:relative;width:100%;margin:var(--space-xl) 0}.aspect-container [data-slider=container]{position:relative;width:100%;display:block}.project-footer{position:relative;width:100%;height:100vh;overflow:hidden;background-color:var(--bg-primary);margin-top:var(--space-4xl)}.project-footer-image{width:100%;height:100%;position:relative}.project-footer-image img{width:100%;height:100%;object-fit:cover;display:block}.video-container{position:relative;width:100%;max-width:var(--content-width);margin:var(--space-2xl) auto;padding:0;aspect-ratio:16 / 9;background-color:var(--bg-dark);border-radius:var(--radius-md);overflow:hidden}.project-video{width:100%;height:100%;display:block;object-fit:contain}.project-video::-webkit-media-controls-panel{background-color:#270f03e6}.parallax-gallery-container{position:relative;min-height:200vh;margin:var(--space-4xl) 0;width:100%}.parallax-images{position:relative;width:100%;height:200vh}.parallax-image{position:absolute;overflow:visible;will-change:transform;box-shadow:0 4px 12px #00000026}.parallax-image img{width:100%;height:100%;object-fit:cover;display:block}.parallax-image:nth-child(1){width:35vw;height:auto;left:-5vw;top:0vh;z-index:1}.parallax-image:nth-child(2){width:28vw;height:auto;left:55vw;top:28vh;z-index:2}.parallax-image:nth-child(3){width:32vw;height:auto;left:35vw;top:55vh;z-index:3}.parallax-image:nth-child(4){width:30vw;height:auto;left:52vw;top:109vh;z-index:4}.parallax-image:nth-child(5){width:35vw;height:auto;left:5vw;top:105vh;z-index:5}.parallax-image:nth-child(6){width:30vw;height:auto;left:50vw;top:155vh;z-index:6}.parallax-image:nth-child(7){width:32vw;height:auto;left:15vw;top:175vh;z-index:7}@media (max-width: 768px){.project-footer{height:60vh}.video-container{margin:var(--space-xl) auto}}.tooltip-marker{position:absolute;transform:translate(-50%,-50%);z-index:10}.marker-circle{width:32px;height:32px;background-color:var(--accent-purple);border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:var(--text-sm);font-weight:600;box-shadow:0 4px 12px #270f0333;transition:all var(--transition-fast)}.marker-circle:hover{background-color:#9d97ff;transform:scale(1.1)}.tooltip-popup{position:absolute;bottom:calc(100% + var(--space-sm));left:50%;transform:translate(-50%);background-color:var(--bg-dark);color:var(--text-light);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-body);line-height:1.5;font-weight:500;text-align:left;min-width:220px;white-space:normal;box-shadow:0 4px 12px #270f034d;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.tooltip-marker:hover .tooltip-popup{opacity:1}.tooltip-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-dark)}@media (max-width: 768px){.tooltip-marker{display:none}}