.projects-page{color:#fff;background:radial-gradient(900px 260px at 10% 0,#ffffff0a,#0000 60%),linear-gradient(#000,#050505);min-height:100vh}.projects-container{max-width:1240px;margin:0 auto;padding:0 28px}.projects-hero{background:#000;align-items:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.projects-hero-video{border:none;width:100%;height:100%;display:block;position:absolute;inset:0}.projects-hero-overlay{z-index:1;background:radial-gradient(900px 420px at 50% 10%,#ffffff14,#0000 60%),linear-gradient(#00000042,#00000075 42%,#000000d6 100%);position:absolute;inset:0}.projects-hero-container{z-index:2;width:100%;padding-bottom:78px;position:relative}.projects-hero-content{max-width:760px;padding-left:30px;position:relative}.projects-hero-content:before{content:"";background:linear-gradient(#ffffff2e 0%,#fffffff5 20%,#ffffff6b 100%);border-radius:999px;width:2px;height:clamp(66px,7vw,94px);position:absolute;top:36px;left:0;box-shadow:0 0 18px #ffffff14}.projects-kicker{letter-spacing:.18em;text-transform:uppercase;color:#ffffff7a;margin-bottom:14px;font-size:12px;font-weight:700;display:inline-block}.projects-title{letter-spacing:-.05em;text-transform:uppercase;color:#fff;margin:0;font-size:clamp(38px,6.2vw,84px);font-weight:800;line-height:.94}.projects-intro{color:#ffffffbd;max-width:560px;margin-top:18px;font-size:15px;line-height:1.82}.projects-hero-cta{color:#000;letter-spacing:.05em;text-transform:uppercase;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:52px;margin-top:26px;padding:0 22px;font-size:12px;font-weight:800;transition:transform .22s,background .22s,box-shadow .22s;display:inline-flex;box-shadow:0 14px 32px #ffffff14}.projects-hero-cta:hover{background:#ececec;transform:translateY(-2px);box-shadow:0 18px 36px #ffffff1f}.projects-content{z-index:2;margin-top:-40px;padding-bottom:110px;position:relative}.projects-section-heading{justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:28px;display:flex}.projects-heading{max-width:760px;padding-left:26px;position:relative}.projects-heading:before{content:"";background:linear-gradient(#ffffff2e 0%,#fffffff0 20%,#ffffff6b 100%);border-radius:999px;width:2px;height:58px;position:absolute;top:34px;left:0}.projects-section-title{letter-spacing:-.04em;text-transform:uppercase;color:#fff;margin:0;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:.98}.projects-toolbar{justify-content:flex-end;display:flex}.projects-filters{flex-wrap:wrap;gap:12px;display:flex}.projects-filter{color:#ffffffd6;letter-spacing:.04em;cursor:pointer;background:radial-gradient(circle at 30% 20%,#ffffff0d,#0000 60%),#ffffff08;border:1px solid #ffffff1f;border-radius:999px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:transform .22s,border-color .22s,background .22s,color .22s,box-shadow .22s}.projects-filter:hover{background:radial-gradient(circle at 30% 20%,#ffffff12,#0000 60%),#ffffff0d;border-color:#ffffff38;transform:translateY(-1px);box-shadow:0 10px 24px #0000002e}.projects-filter.is-active{color:#000;background:#fff;border-color:#fff;box-shadow:0 12px 28px #ffffff14}.projects-grid{grid-template-columns:repeat(12,1fr);gap:22px;display:grid}.project-card{grid-column:span 6}.project-media{text-align:left;cursor:pointer;isolation:isolate;aspect-ratio:16/10;background:#080808;border:1px solid #ffffff14;border-radius:26px;width:100%;padding:0;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s cubic-bezier(.22,1,.36,1),filter .3s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000061,inset 0 1px #ffffff0d}.project-media:hover{filter:saturate(1.05);border-color:#ffffff29;transform:translateY(-8px);box-shadow:0 46px 120px #00000085,inset 0 1px #ffffff14}.project-media:focus-visible{outline-offset:4px;outline:2px solid #ffffff94}.project-video{object-fit:cover;filter:saturate(.75)contrast()brightness(.85)grayscale(.15);width:100%;height:100%;transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter 1.2s;display:block;transform:scale(1)}.project-media:hover .project-video,.project-media:hover .project-video img{filter:saturate(1.2)contrast(1.06)brightness(1.04)grayscale(0);transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter .6s;transform:scale(1.18)}.project-video-hover{object-fit:cover;z-index:1;opacity:0;filter:saturate(.75)brightness(.85);width:100%;height:100%;transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter 1.2s;animation:.4s forwards fadeInPreview;transform:scale(1)}.project-media:hover .project-video-hover{filter:saturate(1.2)contrast(1.06)brightness(1.04);transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter .6s;transform:scale(1.18)}@keyframes fadeInPreview{to{opacity:1}}.project-media:before{content:"";pointer-events:none;opacity:0;z-index:3;background:linear-gradient(120deg,#0000 40%,#ffffff24 50%,#0000 60%);transition:transform 1s,opacity .3s;position:absolute;inset:-40%;transform:translate(-36%)}.project-media:hover:before{opacity:1;transform:translate(36%)}.project-overlay{pointer-events:none;opacity:.96;z-index:2;background:radial-gradient(620px 260px at 18% 0,#ffffff24,#0000 58%),linear-gradient(#0000000d,#000000bd);transition:opacity .3s;position:absolute;inset:0}.project-media:hover .project-overlay{opacity:1}.project-play{z-index:4;-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at 30% 20%,#ffffff1a,#0000 60%),#ffffff14;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .24s,background .24s,border-color .24s,box-shadow .24s;display:flex;position:absolute;top:22px;right:22px;box-shadow:0 12px 28px #00000038,inset 0 1px #ffffff0f}.project-play span{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fffffff0;width:0;height:0;margin-left:2px;display:block}.project-media:hover .project-play{background:radial-gradient(circle at 30% 20%,#ffffff1f,#0000 60%),#ffffff1a;border-color:#ffffff38;transform:scale(1.06);box-shadow:0 16px 32px #00000042,inset 0 1px #ffffff14}.project-meta{z-index:4;position:absolute;bottom:22px;left:22px;right:22px}.project-category{letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;min-height:28px;margin-bottom:12px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.project-title{letter-spacing:-.03em;text-transform:uppercase;color:#fff;margin:0 0 8px;font-size:clamp(22px,2vw,30px);font-weight:800;line-height:1.02}.project-description{color:#ffffffd1;max-width:520px;margin:0;font-size:14px;line-height:1.72}.projects-lightbox{z-index:1300;-webkit-backdrop-filter:blur(12px);background:radial-gradient(900px 400px at 50% 0,#ffffff0a,#0000 60%),#000000e6;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.projects-lightbox-inner{width:min(1140px,100%);position:relative}.projects-lightbox-close{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:radial-gradient(circle at 30% 20%,#ffffff12,#0000 55%),#ffffff0a;border:1px solid #ffffff24;border-radius:999px;width:46px;height:46px;transition:transform .22s,border-color .22s,background .22s;position:absolute;top:-58px;right:0}.projects-lightbox-close:hover{border-color:#fff3;transform:translateY(-1px)}.projects-lightbox-close span{background:#fffffff0;border-radius:999px;width:18px;height:2px;position:absolute;top:50%;left:50%}.projects-lightbox-close span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.projects-lightbox-close span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.projects-lightbox-video-wrap{aspect-ratio:16/9;background:#000;border:1px solid #ffffff14;border-radius:28px;overflow:hidden;box-shadow:0 36px 110px #0000008a,inset 0 1px #ffffff0d}.projects-lightbox-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.projects-lightbox-info{margin-top:18px}.projects-lightbox-info h3{letter-spacing:-.03em;text-transform:uppercase;margin:0 0 8px;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.02}.projects-lightbox-info p{color:#ffffffb8;max-width:700px;margin:0;font-size:15px;line-height:1.8}@media (max-width:900px){.projects-hero{min-height:60svh}.projects-hero-container{padding-bottom:58px}.projects-hero-content{padding-left:24px}.projects-hero-content:before{height:74px;top:34px}.projects-content{margin-top:-20px}.projects-section-heading{flex-direction:column;align-items:flex-start}.projects-toolbar{justify-content:flex-start}.projects-grid{grid-template-columns:1fr}.project-card{grid-column:auto}.projects-heading{padding-left:22px}.projects-heading:before{height:52px;top:30px}}@media (max-width:520px){.projects-container{padding:0 18px}.projects-hero{min-height:55svh}.projects-hero-container{padding-bottom:42px}.projects-hero-content{padding-left:18px}.projects-hero-content:before{height:56px;top:30px}.projects-title{font-size:clamp(30px,10vw,46px);line-height:.98}.projects-intro{font-size:14px;line-height:1.72}.projects-hero-cta{min-height:48px;padding:0 18px;font-size:11px}.projects-content{margin-top:-10px;padding-bottom:90px}.projects-heading{padding-left:18px}.projects-heading:before{height:46px;top:28px}.projects-section-title{font-size:clamp(24px,8vw,32px)}.projects-filters{gap:10px}.projects-filter{min-height:40px;padding:0 14px;font-size:12px}.projects-grid{gap:14px}.project-media{aspect-ratio:16/11;border-radius:20px}.project-play{width:48px;height:48px;top:16px;right:16px}.project-meta{bottom:16px;left:16px;right:16px}.project-title{font-size:22px}.project-description{font-size:13px;line-height:1.65}.projects-lightbox{padding:16px}.projects-lightbox-close{width:42px;height:42px;top:-52px}.projects-lightbox-video-wrap{border-radius:18px}.projects-lightbox-info h3{font-size:22px}.projects-lightbox-info p{font-size:14px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.projects-hero-cta,.projects-filter,.project-media,.project-video,.project-overlay,.project-play,.projects-lightbox-close{transition:none!important}}
