#featured-project {padding: var(--sectionPadding);scroll-margin-top: 6rem;}#featured-project .cs-container {width: 100%;max-width: 80rem;margin: auto;display: grid;align-items: center;gap: clamp(3rem, 6vw, 4rem);}#featured-project .cs-content {width: 100%;max-width: 39.375rem;text-align: left;display: flex;flex-direction: column;align-items: flex-start;gap: 1rem;}#featured-project .cs-topper {font-size: clamp(1.125rem, 3vw, 1.5rem);letter-spacing: 0.08em;}#featured-project .cs-content > .cs-button-solid {margin-top: 1.5rem;border-radius: var(--radius-media);}#featured-project .cs-project-details {margin: 0;padding-left: 1.2rem;}#featured-project .cs-project-details li {margin-bottom: 0.5rem;color: var(--bodyTextColor);}#featured-project .cs-project-details li::marker {color: var(--primary);}#featured-project .cs-project-more {display: block;width: fit-content;color: var(--headerColor);text-underline-offset: 0.25em;font-weight: 700;}#featured-project .cs-project-film {width: 100%;max-width: 22.5rem;min-width: 0;margin: 0 auto;}#featured-project .cs-project-media {position: relative;aspect-ratio: 9/16;overflow: hidden;border-radius: var(--radius-media);background: #1f2a36;}#featured-project .cs-project-preview, #featured-project video {display: block;width: 100%;height: 100%;position: absolute;inset: 0;}#featured-project [hidden] {display: none;}#featured-project video {object-fit: contain;}#featured-project .cs-project-preview {color: #fff;}#featured-project .cs-project-preview img {display: block;width: 100%;height: 100%;object-fit: cover;}#featured-project .cs-project-preview::after {content: "";position: absolute;inset: 55% 0 0;background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));pointer-events: none;}#featured-project .cs-project-preview:hover .cs-project-play {background: #000;}#featured-project .cs-project-duration {position: absolute;top: 1rem;left: 1rem;right: 1rem;width: fit-content;padding: 0.5rem 0.75rem;border-radius: var(--radius-chip);background: rgba(31, 42, 54, 0.9);font-size: 0.75rem;font-weight: 700;}#featured-project .cs-project-play {position: absolute;bottom: 1.25rem;left: 1rem;right: 1rem;z-index: 1;display: flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 3.5rem;padding: 0.75rem;border-radius: var(--radius-media);background: var(--primary);font-size: 1rem;font-weight: 700;transition: background-color 0.3s;}#featured-project .cs-project-play svg {flex: none;}#featured-project .cs-project-status {margin-top: 0.75rem;font-size: 0.875rem;}#featured-project .cs-project-status a {color: inherit;}#featured-project a:focus-visible, #featured-project video:focus-visible {outline: 3px solid var(--headerColor);outline-offset: 4px;}#featured-project .cs-project-preview:focus-visible, #featured-project video:focus-visible {outline-color: #fff;outline-offset: -6px;}@media only screen and (min-width: 48rem) {#featured-project .cs-container {grid-template-columns: repeat(2, minmax(0, 1fr));}}body.dark-mode #featured-project .cs-title, body.dark-mode #featured-project .cs-text, body.dark-mode #featured-project .cs-project-details li, body.dark-mode #featured-project .cs-project-more, body.dark-mode #featured-project .cs-project-status {color: var(--bodyTextColorWhite);}body.dark-mode #featured-project .cs-topper {color: var(--primaryLight);}body.dark-mode #featured-project a:focus-visible {outline-color: var(--primaryLight);}