.work{z-index:15;display:block;position:relative;padding:var(--space-section) 0 0 0!important;height:auto!important;min-height:0!important;margin-bottom:0!important}.work__container{align-items:stretch;gap:var(--space-md);grid-template-rows:auto;grid-template-columns:repeat(12,1fr);width:100%;display:grid;position:relative;height:auto!important;min-height:0!important;margin-bottom:0!important;padding-bottom:0!important}.work__snow-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.work__snow-layer canvas{pointer-events:none;display:block;width:100%!important;height:100%!important}.work__typography-layer{z-index:10;pointer-events:none;flex-direction:column;grid-area:1/1/auto/10;justify-content:center;width:100%;max-width:100%;padding-top:0;padding-bottom:0;display:flex}.work__typography-layer>*{pointer-events:auto}.work__projects{z-index:5;flex-direction:column;gap:clamp(6rem,13vh,9rem);display:flex;position:relative}.work__label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-grey-mid);margin-bottom:var(--space-xs);opacity:0;font-size:10px}.work__header{margin-bottom:var(--space-md);width:100%;max-width:100%}.work__title{font-family:var(--font-display);font-size:clamp(2.75rem,5.8vw,6.5rem);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);text-transform:uppercase;overflow-wrap:break-word;word-break:normal;flex-direction:column;gap:.06em;width:100%;max-width:100%;line-height:.92;display:flex}.work__title-line{flex-wrap:wrap;max-width:100%;display:flex}.work__char-wrapper{vertical-align:bottom;display:inline-block;overflow:visible}.work__char{will-change:transform, opacity;text-shadow:0 10px 60px #000000e6,0 2px 10px #00000080;display:inline-block}.work__overview-block{max-width:380px;margin-bottom:var(--space-md);opacity:0}.work__overview{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-grey-light)}.work__explore{opacity:0}.work__explore-link{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-grey-mid);align-items:center;gap:var(--space-sm);font-size:10px;transition:color .3s;display:inline-flex}.work__explore-link span{transition:transform .25s var(--ease-out-expo);display:inline-block}.work__explore-link:hover{color:var(--accent)}.work__explore-link:hover span{transform:translate(4px)}.work__cta{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-mist);-webkit-backdrop-filter:blur(8px);background:#16181d73;border:1px solid #55606d73;border-radius:100px;align-items:center;gap:10px;padding:8px 18px;font-size:10px;text-decoration:none;transition:border-color .25s,background-color .25s,color .25s,box-shadow .25s;display:inline-flex}.work__cta:hover{border-color:var(--accent);background-color:var(--accent-dim);color:#fff;box-shadow:0 0 16px var(--accent-glow)}.work__cta-arrow{color:var(--color-grey-mid);transition:transform .25s var(--ease-out-expo), color .25s ease;font-size:11px;line-height:1;display:inline-block}.work__cta:hover .work__cta-arrow{color:var(--accent);transform:translate(2px,-2px)}.work__scroll-indicator{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-grey-mid);opacity:.5;margin-top:var(--space-md);font-size:9px;display:flex}.work__scroll-dot{border:1px solid var(--color-grey-dark);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.work__scroll-dot:after{content:"";background-color:var(--text-primary);border-radius:50%;width:4px;height:4px}.work__visual-layer{z-index:5;grid-area:1/4/auto/10;align-items:center;width:100%;display:flex;position:relative}.work__poster{object-fit:contain;opacity:1;mix-blend-mode:screen;pointer-events:none;z-index:1;width:100%;height:auto;max-height:90vh;transition:opacity .8s;display:block;position:relative}.work__poster--hidden{opacity:0}.work__video{object-fit:contain;opacity:0;mix-blend-mode:screen;z-index:2;width:100%;height:100%;max-height:90vh;transition:opacity .8s;display:block;position:absolute;top:0;left:0}.work__video--loaded{opacity:1}.work__info-layer{z-index:10;grid-area:1/10/auto/13;height:100%}.work__info-stack{height:100%;padding:0 0 0 var(--space-xl);opacity:0;border-left:1px solid #55606d59;flex-direction:column;justify-content:space-between;display:flex}.work__info-marker{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-secondary);align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:10px;display:flex}.work__info-dot{background-color:var(--color-lime);border-radius:50%;width:6px;height:6px}.work__info-line{height:1px;margin:0 var(--space-sm);background-color:#55606d59;flex-grow:1}.work__details{gap:var(--space-md);flex-direction:column;display:flex}.work__detail{gap:var(--space-xs);padding-bottom:var(--space-md);border-bottom:1px solid #55606d40;flex-direction:column;display:flex}.work__detail:last-child{border-bottom:none}.work__detail-key{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--color-grey-mid);font-size:10px}.work__detail-val{font-size:var(--text-small);color:var(--text-primary)}.work__info-bottom{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-grey-mid);align-items:center;gap:var(--space-sm);justify-content:flex-end;margin-top:auto;font-size:10px;display:flex}.work__info-line-short{background-color:var(--accent);width:40px;height:1px}@media (width<=1280px){.work__typography-layer{grid-column:1/10}.work__visual-layer{grid-column:4/11}.work__info-layer{grid-column:11/13}}@media (width<=1024px){.work__container{gap:var(--space-xl);flex-direction:column;display:flex}.work__typography-layer{align-items:flex-start;width:100%;max-width:100%;padding-bottom:0}.work__title{font-size:clamp(2.5rem,6.2vw,4.75rem)}.work__visual-layer{width:80%;margin:0 auto}.work__info-layer{width:100%;margin-top:var(--space-md)}.work__info-stack{gap:var(--space-lg);padding:0}}@media (width<=768px){.work{padding-top:clamp(2.5rem,5vh,3.5rem)!important}.work__projects{gap:clamp(3rem,7vh,4.5rem)}.work__container{gap:.85rem}.work__header{margin-bottom:.35rem}.work__title{font-size:clamp(2rem,7vw,3.4rem);line-height:.94}.work__visual-layer{border-radius:8px;width:100%}.work__info-layer{width:100%;margin-top:.5rem}.work__info-stack{gap:.75rem;padding:0}.work__detail-row{padding-bottom:.35rem}.work__overview{font-size:.88rem;line-height:1.45}}@media (width<=480px){.work__title{font-size:clamp(1.75rem,7.8vw,2.6rem)}}
