.work-detail{background:var(--tenstud-white);width:100%;min-height:100vh}.work-grid{flex-direction:row;justify-content:space-between;gap:20px;height:100%;display:flex}@media (max-width:768px){.work-grid{flex-direction:column;align-items:center;gap:12px}}.breadcrumb-section{width:100%;height:var(--hero-height);background:linear-gradient(#0f0f12 0%,#0a0909 76%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-title-container{justify-content:center;align-items:center;width:1280px;max-width:100%;padding:0 40px;display:flex}.project-content{justify-content:space-between;align-items:flex-end;gap:36px;width:100%;display:flex}.title-section-work-detail{flex-direction:column;gap:21.48px;display:flex}.project-title-works{text-align:left;color:var(--tenstud-white);white-space:pre-line;z-index:2;width:720px;margin:0;font-family:Funnel Display,serif;font-size:72px;font-weight:400;line-height:1.302}@media (max-width:768px){.project-title-works{width:auto;font-size:32px}}.metadata-section{text-align:left;z-index:2;flex-direction:column;align-self:baseline;gap:22px;width:227px;display:flex}@media (max-width:768px){.metadata-section{gap:20px;width:100%}}.metadata-item{flex-direction:column;display:flex}.metadata-label{color:rgba(255,255,255,.6);font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:2em}.metadata-value{color:var(--tenstud-white);white-space:pre-line;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1.25em}@media (max-width:768px){.project-content{flex-direction:column;align-items:flex-start;gap:20px}.breadcrumb-section{height:auto;padding:60px 0}.project-title-container{padding:0 24px}.metadata-label,.metadata-value{font-size:16px}.project-title-container{width:100%;padding:0 24px}}.work-content{width:100%}.description-decoration{border-top:1px solid #262626;width:1200px;margin:40px auto 24px;display:flex}@media (max-width:768px){.description-decoration{width:auto;margin:24px 24px 0 20px}}.description-section{justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex}.description-container{flex-direction:row;justify-content:space-between;width:100%;max-width:1280px;padding:0 40px;display:flex}@media (max-width:768px){.description-container{flex-direction:column;gap:32px;padding:0}}.description-header{justify-content:flex-start;align-self:flex-start;align-items:flex-start;height:auto;display:flex}@media (max-width:768px){.description-header{width:100%;height:auto}}.background-label{align-items:center;gap:12px;display:flex}.label-dot-black{background-color:var(--tenstud-black);width:8px;height:8px}.background-label span{text-transform:uppercase;color:var(--tenstud-white);background:var(--tenstud-black);border-radius:4px;padding:4px 12px;font-family:Geist Mono,monospace;font-size:16px;font-weight:400;line-height:1em}@media (max-width:768px){.background-label span{font-size:12px}}.description-content{text-align:left;flex-direction:column;align-items:flex-start;gap:24px;width:672px;display:flex}.description-text{flex-direction:column;flex:1;gap:12px;display:flex}.description-text p{color:var(--tenstud-black);-webkit-box-orient:vertical;margin:0;font-family:Geist,sans-serif;font-size:20px;font-weight:400;line-height:1.6em;display:-webkit-box;overflow:hidden}@media (max-width:768px){.description-text p{font-size:20px;line-height:28px}}.pixel-patterns-works-detail{z-index:3;flex-shrink:0;align-self:flex-end;padding:8px 0;display:inline-flex}.pixel-patterns-works-detail img{width:64px;height:auto;display:block}.media-grid{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:1280px;margin:0 auto;padding:20px 40px;display:flex}.media-item{border-radius:8px;position:relative;overflow:hidden}@media (max-width:768px){.media-item{border-radius:4px}}.media-item img,.media-item video{object-fit:cover;width:100%;height:100%;display:block}.main-media{object-fit:cover;width:100%;height:731px}@media (max-width:768px){.main-media{height:200px}}.media-row{gap:12px;width:100%;display:flex}@media (max-width:768px){.media-row{flex-direction:column}}.media-row .media-item{flex:1;height:621.88px}.media-row .media-item:last-child{flex:0 0 433.33px}.media-row-secondary{gap:12px;width:100%;display:flex}@media (max-width:768px){.media-row-secondary{flex-direction:column}}.media-row-secondary .media-item{flex:1;height:100%}@media (max-width:768px){.media-row-secondary .media-item{flex:none;height:360px}}.yellow-bg{background:#fefe06!important}.media-placeholder{color:#666;background:silver;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.other-projects-section{justify-content:center;align-items:center;width:100%;padding:20px 0 48px;display:flex}@media (max-width:768px){.other-projects-section{padding:20px 0 0}}.other-projects-container{flex-direction:column;gap:20px;width:100%;max-width:1280px;padding:0 40px;display:flex}@media (max-width:768px){.other-projects-container{padding:0 20px}}.other-projects-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.other-projects-header h2{color:var(--tenstud-black);margin:0;font-family:Funnel Display,serif;font-size:60px;font-weight:400;line-height:1.227em}@media (max-width:768px){.see-all-btn{display:none}}.projects-grid{gap:14px;width:100%;display:flex}@media (max-width:768px){.projects-grid{flex-direction:column;gap:6px}}.container-button{display:none}@media (max-width:768px){.container-button{justify-content:center;align-items:center;margin-top:24px;padding-bottom:24px;display:flex}}.project-card:hover{transform:translateY(-4px)}.project-card:hover .project-video{opacity:1}.project-card.zeneos{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.project-card.oatside{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.project-card.heineken{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.project-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:rgba(0,0,0,.5);flex-direction:column;justify-content:space-between;padding:8px 16px;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.project-card:hover .project-overlay{opacity:1}.work-card-detail{flex-direction:column;display:flex}@media (max-width:768px){.description-container{flex-direction:column;gap:32px}.description-content{flex-direction:column;align-items:flex-start;gap:32px;width:100%}.description-text{max-width:100%}.other-projects-header{flex-direction:column;align-items:flex-start;gap:16px}.other-projects-header h2{align-self:center;font-size:24px}.description-section,.media-grid{padding-left:32px;padding-right:32px}.description-section{padding:32px 24px}.media-grid{padding:16px 24px}.media-row .media-item{height:300px}}