.projects-page{--projects-cream:#f7f2e8;--projects-teal:#064f60;--projects-orange:#f58b2a;background:var(--projects-cream)}.projects-intro{background:radial-gradient(circle at 75% 45%, #f58b2a14, transparent 32%), var(--projects-cream);padding:clamp(10rem,15vw,13rem) 1.5rem clamp(3rem,6vw,5.5rem);overflow:hidden}.projects-intro-inner{grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);align-items:center;gap:clamp(3rem,8vw,8rem);width:min(100%,80rem);margin-inline:auto;display:grid}.projects-intro-copy{z-index:2;position:relative}.projects-eyebrow{color:var(--projects-orange);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.75rem;margin:0 0 1.15rem;font-size:1rem;font-weight:800;display:inline-flex}.projects-eyebrow:before,.projects-eyebrow:after{content:"";background:currentColor;width:1.15rem;height:1px}.projects-intro h1{color:var(--projects-teal);letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5vw,5rem);font-weight:800;line-height:.98}.projects-intro h1 span{display:block}.projects-intro h1 span:last-child{color:var(--projects-orange)}.projects-intro-copy>p:last-child{color:#52666b;max-width:34rem;margin:1.8rem 0 0;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.75}.projects-intro-decoration{opacity:.72;min-height:21rem;position:relative}.projects-focus-ring{border:1px solid #f58b2a40;border-radius:50%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.projects-focus-ring-one{width:22rem;height:22rem}.projects-focus-ring-two{border-style:dashed;width:17rem;height:17rem}.projects-focus-ring-three{width:11rem;height:11rem}.projects-viewfinder{color:var(--projects-orange);font-size:2rem;font-weight:200;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.projects-clapper{border:2px solid #064f6059;border-radius:.3rem;width:5.5rem;height:4rem;position:absolute;bottom:12%;right:12%;transform:rotate(-8deg)}.projects-clapper:before{content:"";transform-origin:0 100%;background:repeating-linear-gradient(135deg,#0000 0 10px,#f58b2a4d 10px 19px);border:2px solid #064f6059;height:.8rem;position:absolute;inset:-.8rem -.15rem auto;transform:rotate(-8deg)}.projects-clapper i{background:#064f6033;width:65%;height:1px;margin:.75rem auto;display:block}.projects-gallery{padding:clamp(10rem,14vw,12rem) 1.5rem clamp(5rem,8vw,8rem)}.projects-filters{flex-wrap:wrap;justify-content:center;gap:.65rem;width:min(100%,80rem);margin:0 auto clamp(2rem,4vw,3.5rem);display:flex}.projects-filters button{color:var(--projects-teal);cursor:pointer;background:#ffffff61;border:1px solid #064f6038;border-radius:999px;padding:.68rem 1rem;font-size:.82rem;font-weight:700;transition:background .25s,color .25s,border-color .25s,transform .25s}.projects-filters button:hover{border-color:var(--projects-orange);transform:translateY(-2px)}.projects-filters button[aria-pressed=true]{border-color:var(--projects-orange);background:var(--projects-orange);color:#092f37;box-shadow:0 8px 24px #f58b2a33}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(100%,80rem);margin-inline:auto;display:grid}.projects-card{background:#063d49;border-radius:1.15rem;min-width:0;height:clamp(18rem,27vw,24rem);overflow:hidden;box-shadow:0 12px 32px #07292f1f}.projects-card.is-featured{grid-column:1/-1;height:clamp(26rem,42vw,37rem)}.projects-card-link{color:#fff;width:100%;height:100%;text-align:inherit;font:inherit;cursor:pointer;isolation:isolate;background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.projects-card-image{z-index:-3;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .5s,opacity .3s}.projects-card-preview{z-index:-3;pointer-events:none;border:0;width:100%;height:100%;animation:.35s ease-out both projects-preview-in;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(1.02)}.projects-card.is-previewing .projects-card-image{opacity:0}.projects-card-shade{z-index:-2;background:linear-gradient(90deg,#021317e6 0%,#0213178a 42%,#0213170d 75%),linear-gradient(#0000 45%,#021317a6);transition:opacity .45s;position:absolute;inset:0}[dir=rtl] .projects-card-shade{background:linear-gradient(270deg,#021317e6 0%,#0213178a 42%,#0213170d 75%),linear-gradient(#0000 45%,#021317a6)}.projects-card-copy{width:min(82%,38rem);padding:clamp(1.4rem,3.4vw,3rem);position:absolute;inset:auto auto 0 0}[dir=rtl] .projects-card-copy{inset:auto 0 0 auto}.projects-card-meta{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.8rem;margin-bottom:.7rem;font-size:.7rem;font-weight:800;display:flex}.projects-card-meta span:last-child{color:var(--projects-orange)}.projects-card h2{letter-spacing:-.025em;max-width:22ch;margin:0;font-size:clamp(1.35rem,2.3vw,2.35rem);font-weight:750;line-height:1.12}.projects-card:not(.is-featured) h2{font-size:clamp(1.2rem,1.7vw,1.65rem)}.projects-card-copy p{color:#ffffffd1;margin:.55rem 0 0;font-size:.88rem}.projects-card-action{align-items:center;gap:.8rem;margin-top:1.3rem;font-size:.8rem;font-weight:700;display:flex}.projects-card-play{aspect-ratio:1;border:1px solid #ffffffd9;border-radius:50%;place-items:center;width:2.35rem;font-size:.65rem;display:grid}.projects-card-play-floating{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0000002e;position:absolute;bottom:1.25rem;right:1.25rem}[dir=rtl] .projects-card-play-floating{left:1.25rem;right:auto}.projects-card:hover{box-shadow:0 20px 44px #07292f33}.projects-card:hover .projects-card-image,.projects-card-link:focus-visible .projects-card-image{transform:scale(1.045)}.projects-card:hover .projects-card-shade{opacity:.92}.projects-card-link:focus-visible{outline:3px solid var(--projects-orange);outline-offset:-3px}@media (max-width:800px){.projects-intro-inner{grid-template-columns:1fr;gap:1rem}.projects-intro-decoration{min-height:12rem}.projects-focus-ring-one{width:16rem;height:16rem}.projects-focus-ring-two{width:12rem;height:12rem}.projects-focus-ring-three{width:8rem;height:8rem}.projects-clapper{right:24%}.projects-grid{grid-template-columns:1fr}.projects-card.is-featured{grid-column:auto}.projects-card,.projects-card.is-featured{height:clamp(22rem,65vw,31rem)}}@media (max-width:640px){.projects-gallery{padding-top:11.5rem}}@media (max-width:520px){.projects-intro{padding-inline:1rem;padding-top:8.5rem}.projects-gallery{padding-inline:1rem}.projects-intro-decoration{display:none}.projects-card,.projects-card.is-featured{border-radius:.85rem;height:26rem}.projects-card-copy{width:92%;padding:1.35rem}.projects-card-shade{background:linear-gradient(#02131714 22%,#021317eb)}}@media (prefers-reduced-motion:reduce){.projects-card-image{transition:none}}.projects-player-backdrop{z-index:1000;padding:max(clamp(2rem,5vw,5rem),env(safe-area-inset-top)) max(clamp(2rem,5vw,5rem),env(safe-area-inset-right)) max(clamp(2rem,5vw,5rem),env(safe-area-inset-bottom)) max(clamp(2rem,5vw,5rem),env(safe-area-inset-left));-webkit-backdrop-filter:blur(20px)saturate(85%);backdrop-filter:blur(20px)saturate(85%);background:#021b22b3;place-items:center;animation:.25s ease-out projects-modal-in;display:grid;position:fixed;inset:0}.projects-player{color:#fff;width:min(62rem,100vw - 8rem);position:relative}.projects-player-frame{aspect-ratio:16/9;background:#000;border:1px solid #ffffff29;border-radius:1.6rem;overflow:hidden;box-shadow:0 2.5rem 7rem #0000008c}.projects-player-frame iframe{border:0;width:100%;height:100%}.projects-player h2{margin:1rem 3.5rem 0 0;font-size:clamp(1rem,2vw,1.4rem)}.projects-player-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;font-size:1.8rem;display:grid;position:absolute;bottom:calc(100% + .75rem);right:0}[dir=rtl] .projects-player-close{left:0;right:auto}@media (max-width:700px){.projects-player-backdrop{padding:1rem}.projects-player{width:min(100%,100vw - 2rem)}.projects-player-frame{border-radius:1rem}}@keyframes projects-modal-in{0%{opacity:0}to{opacity:1}}@keyframes projects-preview-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.05)}to{opacity:1;transform:translate(-50%,-50%)scale(1.02)}}