.project-reel{--project-card-width:clamp(320px, 46vw, 700px);--project-card-gap:clamp(16px, 2vw, 28px);--project-edge-fade:clamp(28px, 8vw, 140px);margin:40px calc(-1 * var(--page-gutter)) 0;padding-bottom:30px;overflow:hidden}.project-reel__viewport{width:100%;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--project-edge-fade), #000 calc(100% - var(--project-edge-fade)), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--project-edge-fade), #000 calc(100% - var(--project-edge-fade)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--project-edge-fade), #000 calc(100% - var(--project-edge-fade)), transparent);position:relative;overflow:hidden}.project-reel__track{width:max-content;will-change:transform;padding-inline-start:calc((100vw - var(--project-card-width)) / 2);display:flex;transform:translate(0,0)}.project-reel__controls{z-index:4;pointer-events:none;position:absolute;inset:0}.project-reel__nav{border:1px solid rgba(var(--surface-ink-rgb), .28);width:52px;height:52px;color:var(--ink);pointer-events:auto;cursor:pointer;font:400 1.35rem/1 var(--font-ui);transition:background-color .18s ease, border-color .18s ease, color .18s ease, transform .16s var(--ease-out);background:#f3f0e8e0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 30px #0a0b0d1f}.project-reel__nav--previous{left:max(12px, calc(var(--page-gutter) - 8px))}.project-reel__nav--next{right:max(12px, calc(var(--page-gutter) - 8px))}.project-reel__nav:hover{border-color:var(--bronze-light-surface);background:var(--ink);color:var(--paper)}.project-reel__nav:active{transform:translateY(-50%)scale(.96)}.project-reel__nav:focus-visible{outline:2px solid var(--bronze-light-surface);outline-offset:4px}.project-reel__nav:disabled{cursor:default;opacity:.35;pointer-events:none}.project-reel__nav span{display:block;transform:translateY(-1px)}.project-reel__set{gap:var(--project-card-gap);flex:none;display:flex}.project-reel__slide{flex:0 0 var(--project-card-width);border:1px solid rgba(var(--surface-ink-rgb), .12);color:#f3f0e8;isolation:isolate;background:#293338;border-radius:3px;height:clamp(420px,43vw,600px);position:relative;overflow:hidden}.project-reel__slide:focus-within{border-color:var(--bronze-light-surface);outline:2px solid var(--bronze-light-surface);outline-offset:-2px}.project-reel__visual{color:#dedcd2;background:#282d2c;position:absolute;inset:0;overflow:hidden}.project-reel__visual:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff14,#0000 26% 72%,#00000024);position:absolute;inset:0}.project-reel__visual--security{background:#293338}.project-reel__visual--integrated-elv{background:#38352f}.project-reel__visual--connectivity{background:#303839}.project-reel__visual--automation{background:#333431}.project-reel__visual img{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project-reel__media-label{z-index:2;color:#f1d7a6;font:400 .62rem/1.2 var(--font-ui);letter-spacing:.05em;text-transform:uppercase;background:#1016158a;border:1px solid #ffffff57;padding:7px 9px;position:absolute;inset:18px 18px auto auto}.project-reel__plate{z-index:0;border-top:1px solid #ffffff30;padding-top:20px;position:absolute;inset:28px}.project-reel__plate>span{font:400 .7rem/1.6 var(--font-ui);letter-spacing:.06em;text-transform:uppercase}.project-reel__plate strong{font:400 clamp(90px, 13vw, 170px)/1 var(--font-display);letter-spacing:-.08em;color:#d2b481;margin-top:14px;display:block}.project-reel__caption{z-index:2;background:linear-gradient(#0000,#101615e8 30%);padding:70px 32px 30px;position:absolute;inset:auto 0 0}.project-reel__caption>span{color:#e1c99f;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.project-reel__caption h3{max-width:23ch;font:400 clamp(1.5rem, 2.8vw, 2.7rem)/1.1 var(--font-display);letter-spacing:-.04em;margin:12px 0}.project-reel__caption p{color:#deded8;font:400 .9rem/1.5 var(--font-body);margin:0}.project-reel__caption a{text-transform:uppercase;border-bottom:1px solid #ffffff65;margin-top:10px;padding-block:12px;font-size:.7rem;display:inline-block}.project-reel__caption a span{transition:transform .18s var(--ease-out);margin-left:16px}@media (hover:hover) and (pointer:fine){.project-reel__slide:hover .project-reel__caption a span{transform:translate(2px,-2px)}.project-reel__caption a:focus-visible span{transform:translate(2px,-2px)}}@media (max-width:760px){.project-reel{--project-card-width:78vw}.project-reel__slide{height:470px}.project-reel__caption{padding:65px 20px 24px}.project-reel__caption h3{font-size:1.55rem}.project-reel__plate{inset:20px}.project-reel__plate>span{font-size:.6rem}.project-reel__nav{width:44px;height:44px;font-size:1.2rem;top:22px;transform:none}.project-reel__nav--previous{left:10px}.project-reel__nav--next{right:10px}.project-reel__nav:active{transform:scale(.96)}}.project-reel__track.is-reduced{will-change:auto}@media (prefers-reduced-motion:reduce){.project-reel__track{will-change:auto}.project-reel__nav{transition:none}}