.dx-project-showcase{--dx-showcase-accent:#5968ff;position:relative;min-height:180svh;background:#050812;color:#f4f7ff;overflow:clip}.dx-project-showcase *{box-sizing:border-box}.dx-project-showcase::before{content:'';position:absolute;inset:0;opacity:.28;background:radial-gradient(circle at 72% 38%,color-mix(in srgb,var(--dx-showcase-accent) 30%,transparent),transparent 28%),linear-gradient(rgba(120,143,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,143,255,.08) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;pointer-events:none}.dx-project-showcase__sticky{position:sticky;top:0;height:100svh;min-height:680px;padding:calc(var(--dx-adminbar,0px) + var(--dx-menu-height,65px) + var(--dx-frame-inset,15px) + 34px) max(34px,calc(var(--dx-frame-inset,15px) + 50px)) 32px max(120px,calc(var(--dx-menu-width,78px) + var(--dx-frame-inset,15px) + 50px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(24px,3.5vh,44px);overflow:hidden}.dx-project-showcase__head{position:relative;z-index:3;display:grid;grid-template-columns:.55fr 1.15fr .45fr;gap:clamp(28px,5vw,82px);align-items:end}.dx-project-showcase__identity{display:grid;gap:15px;align-self:start;color:rgba(208,219,255,.52);font-size:7px;letter-spacing:.18em}.dx-project-showcase__logo{display:block;max-width:190px;max-height:54px;width:auto;height:auto;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.dx-project-showcase__wordmark{display:flex;align-items:center;font-size:clamp(18px,1.8vw,31px);line-height:1;letter-spacing:-.055em}.dx-project-showcase__wordmark i{padding:7px 9px;background:var(--dx-showcase-accent);font-style:normal;font-weight:760}.dx-project-showcase__wordmark b{padding:7px 9px;border:1px solid rgba(214,223,255,.28);font-weight:420}.dx-project-showcase__copy h2{margin:0;font-size:clamp(54px,6.6vw,116px);line-height:.76;letter-spacing:-.075em;font-weight:580}.dx-project-showcase__copy p{max-width:660px;margin:20px 0 0;color:rgba(220,227,247,.63);font-size:clamp(14px,1.05vw,17px);line-height:1.55}.dx-project-showcase__actions{display:grid;gap:10px}.dx-project-showcase__actions a,.dx-project-showcase__card--outro>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid rgba(225,232,255,.3);color:#f4f7ff;text-decoration:none;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.dx-project-showcase__actions a i,.dx-project-showcase__card--outro>a i{font-style:normal;font-size:18px;transition:transform .35s ease}.dx-project-showcase__actions a:hover i,.dx-project-showcase__card--outro>a:hover i{transform:translate(5px,-5px)}.dx-project-showcase__actions .is-video{justify-content:flex-start}.dx-project-showcase__actions .is-video b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--dx-showcase-accent);font-size:8px}.dx-project-showcase__viewport{position:relative;z-index:2;min-height:0;margin-right:calc(max(34px,calc(var(--dx-frame-inset,15px) + 50px))*-1);overflow:visible}.dx-project-showcase__track{height:100%;display:flex;align-items:stretch;gap:clamp(18px,2vw,34px);width:max-content;will-change:transform}.dx-project-showcase__card{flex:0 0 min(68vw,1050px);height:100%;min-height:390px;display:grid;grid-template-rows:minmax(0,1fr) auto;border:1px solid rgba(211,222,255,.16);background:#090e1c;overflow:hidden}.dx-project-showcase__card.is-medium{flex-basis:min(48vw,760px)}.dx-project-showcase__card.is-tall{flex-basis:min(38vw,600px)}.dx-project-showcase__media{position:relative;min-height:0;overflow:hidden;background:#0b1123}.dx-project-showcase__media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s ease}.dx-project-showcase__card:hover .dx-project-showcase__media>img{transform:scale(1.035);filter:saturate(1.08)}.dx-project-showcase__card footer{display:grid;grid-template-columns:.5fr 1fr;gap:24px;align-items:start;padding:16px 18px;border-top:1px solid rgba(211,222,255,.14)}.dx-project-showcase__card footer span{color:#91a4ea;font-size:7px;letter-spacing:.16em}.dx-project-showcase__card footer p{margin:0;color:rgba(220,228,248,.62);font-size:12px;line-height:1.48}.dx-project-showcase__mock{position:absolute;inset:0;background:radial-gradient(circle at 74% 28%,color-mix(in srgb,var(--dx-showcase-accent) 38%,transparent),transparent 28%),linear-gradient(145deg,#101831,#050914)}.dx-project-showcase__mock::before{content:'';position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(136,157,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(136,157,255,.13) 1px,transparent 1px);background-size:40px 40px}.dx-project-showcase__mockTop{position:absolute;left:4%;right:4%;top:5%;display:flex;align-items:center;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(210,220,255,.2)}.dx-project-showcase__mockTop i{width:6px;height:6px;border:1px solid rgba(197,210,255,.48);border-radius:50%}.dx-project-showcase__mockTop b{margin-left:auto;color:rgba(205,217,255,.48);font-size:7px;letter-spacing:.18em}.dx-project-showcase__mockRail{position:absolute;left:4%;top:16%;bottom:7%;width:14%;padding:12px;display:grid;align-content:start;gap:12px;border:1px solid rgba(211,222,255,.16);background:rgba(3,7,16,.5)}.dx-project-showcase__mockRail i{height:4px;background:rgba(127,149,255,.22)}.dx-project-showcase__mockRail i:first-child{background:var(--dx-showcase-accent);box-shadow:0 0 12px var(--dx-showcase-accent)}.dx-project-showcase__mockPanel{position:absolute;left:21%;right:4%;top:16%;bottom:7%;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:12px;padding:15px;border:1px solid rgba(211,222,255,.16);background:rgba(7,12,26,.7)}.dx-project-showcase__mockPanel i,.dx-project-showcase__mockPanel b{display:block;border:1px solid rgba(139,160,255,.17);background:linear-gradient(135deg,rgba(83,104,255,.16),rgba(16,24,51,.42))}.dx-project-showcase__mockPanel i:first-child{grid-row:1/3}.dx-project-showcase__mockPanel b{position:absolute;left:8%;right:41%;bottom:14%;height:3px;border:0;background:var(--dx-showcase-accent);box-shadow:0 0 14px var(--dx-showcase-accent)}.dx-project-showcase__mockSignal{position:absolute;right:8%;top:24%;width:70px;height:70px;border:1px solid rgba(130,154,255,.35);border-radius:50%;box-shadow:inset 0 0 35px rgba(74,95,255,.16)}.dx-project-showcase__mockSignal::after{content:'';position:absolute;inset:34%;border-radius:50%;background:#7893ff;box-shadow:0 0 25px #5a75ff;animation:dx-showcase-pulse 2.8s ease-in-out infinite}.dx-project-showcase__card--outro{padding:clamp(30px,4vw,62px);grid-template-rows:1fr auto;background:linear-gradient(145deg,color-mix(in srgb,var(--dx-showcase-accent) 82%,#182143),#2632a9);color:#fff}.dx-project-showcase__card--outro>div{display:grid;align-content:start;gap:50px}.dx-project-showcase__card--outro small{font-size:8px;letter-spacing:.18em}.dx-project-showcase__card--outro strong{font-size:clamp(34px,3.5vw,60px);line-height:.93;letter-spacing:-.055em;font-weight:570}.dx-project-showcase__meter{position:relative;z-index:3;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:rgba(201,214,255,.48);font-size:6px;letter-spacing:.18em}.dx-project-showcase__meter>i{height:2px;background:rgba(125,148,255,.17)}.dx-project-showcase__meter>i b{display:block;width:0;height:100%;background:var(--dx-showcase-accent);box-shadow:0 0 15px var(--dx-showcase-accent)}.dx-project-showcase__meter strong{min-width:54px;color:#dce5ff;font-size:8px;text-align:right}@keyframes dx-showcase-pulse{50%{transform:scale(.65);opacity:.45}}
@media(max-width:900px){.dx-project-showcase{min-height:auto;padding:110px 0 90px}.dx-project-showcase__sticky{position:relative;height:auto;min-height:0;padding:0 22px 0 68px;display:block;overflow:visible}.dx-project-showcase__head{grid-template-columns:1fr;gap:28px;margin-bottom:52px}.dx-project-showcase__copy h2{font-size:58px}.dx-project-showcase__actions{max-width:360px}.dx-project-showcase__viewport{margin:0 -22px 0 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.dx-project-showcase__viewport::-webkit-scrollbar{display:none}.dx-project-showcase__track{height:62svh;min-height:510px;gap:16px;transform:none!important;padding-right:22px}.dx-project-showcase__card,.dx-project-showcase__card.is-medium,.dx-project-showcase__card.is-tall{flex-basis:82vw;min-width:82vw;scroll-snap-align:start}.dx-project-showcase__card footer{grid-template-columns:1fr}.dx-project-showcase__meter{margin-top:25px}.dx-project-showcase__meter>span{display:none}}
@media(prefers-reduced-motion:reduce){.dx-project-showcase *{animation:none!important;transition:none!important}}
.dx-project-showcase.dx-section{--dx-section-bg:#050812;background:var(--dx-section-bg)}
.dx-project-showcase.dx-section::before{background:radial-gradient(circle at 72% 38%,color-mix(in srgb,var(--dx-showcase-accent) 30%,transparent),transparent 28%),linear-gradient(rgba(120,143,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,143,255,.08) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.dx-project-showcase__head,.dx-project-showcase__viewport,.dx-project-showcase__meter{min-width:0;width:100%}

/* =====================================================================
   EDITORIAL LIGHT / AWARD MOTION V2
   A light, tactile chapter: cards feel like physical interfaces travelling
   through an exhibition rather than a conventional carousel.
   ===================================================================== */
.dx-project-showcase.dx-section{
  --dx-section-bg:#fbfbf8;
  --dx-showcase-progress:0;
  background:var(--dx-section-bg);
  color:#0a0d14;
}
.dx-project-showcase.dx-section::before{
  opacity:.58;
  background:
    radial-gradient(circle at var(--dx-showcase-orb-x,76%) 38%,color-mix(in srgb,var(--dx-showcase-accent) 13%,transparent),transparent 27%),
    linear-gradient(rgba(22,28,48,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,28,48,.055) 1px,transparent 1px);
  background-size:auto,72px 72px,72px 72px;
}
.dx-project-showcase.dx-section::after{content:'';position:absolute;z-index:0;width:min(42vw,650px);aspect-ratio:1;right:-12%;top:22%;border:1px solid rgba(59,72,181,.12);border-radius:50%;box-shadow:inset 0 0 90px rgba(78,91,255,.04);transform:translate3d(var(--dx-showcase-orb-shift-x,0),var(--dx-showcase-orb-shift-y,0),0) scale(var(--dx-showcase-orb-scale,.82));pointer-events:none}
.dx-project-showcase__sticky{isolation:isolate}
.dx-project-showcase__ghost{position:absolute;z-index:0;left:8%;top:29%;width:max-content;color:transparent;-webkit-text-stroke:1px rgba(43,52,91,.075);font-size:clamp(130px,19vw,350px);line-height:.7;letter-spacing:-.085em;font-weight:720;white-space:nowrap;transform:translate3d(var(--dx-ghost-x,0),0,0);will-change:transform;pointer-events:none;user-select:none}
.dx-project-showcase__head,.dx-project-showcase__viewport,.dx-project-showcase__meter{position:relative;z-index:2}
.dx-project-showcase__identity{color:rgba(22,28,48,.48)}
.dx-project-showcase__logo{filter:none}
.dx-project-showcase__wordmark i{color:#fff}
.dx-project-showcase__wordmark b{border-color:rgba(20,25,42,.26);color:#111522;background:rgba(255,255,255,.56)}
.dx-project-showcase__copy h2{display:flex;flex-wrap:wrap;column-gap:.16em;color:#090c13}
.dx-project-showcase__copy h2 span{display:inline-block;overflow:hidden;padding:.09em .025em .13em 0;margin-bottom:-.18em}
.dx-project-showcase__copy h2 span i{display:block;font-style:normal;will-change:transform}
.dx-project-showcase__copy p{color:#5b616d}
.dx-project-showcase__actions a,.dx-project-showcase__card--outro>a{border-color:rgba(14,18,31,.32);color:#0b0e16}
.dx-project-showcase__actions .is-video b{color:#fff}
.dx-project-showcase__viewport{perspective:1600px}
.dx-project-showcase__card{
  --dx-card-lift:18px;
  --dx-card-tilt:0deg;
  --dx-card-scale:.955;
  --dx-card-opacity:.72;
  --dx-media-shift:0px;
  --dx-media-scale:1.09;
  border-color:rgba(18,23,40,.17);
  background:#fff;
  color:#111522;
  box-shadow:0 30px 75px rgba(30,37,64,.1);
  transform:perspective(1450px) translate3d(0,var(--dx-card-lift),0) rotateY(var(--dx-card-tilt)) scale(var(--dx-card-scale));
  transform-origin:50% 55%;
  opacity:var(--dx-card-opacity);
  will-change:transform,opacity,clip-path;
  transition:border-color .5s ease,box-shadow .7s cubic-bezier(.22,1,.36,1);
}
.dx-project-showcase__card:nth-child(even){margin-top:clamp(14px,2.2vh,28px);height:calc(100% - clamp(14px,2.2vh,28px))}
.dx-project-showcase__card.is-active{border-color:color-mix(in srgb,var(--dx-showcase-accent) 48%,transparent);box-shadow:0 42px 100px rgba(30,37,64,.16)}
.dx-project-showcase__media{background:#e8eaf0;isolation:isolate}
.dx-project-showcase__media>img,.dx-project-showcase__media>video,.dx-project-showcase__media>.dx-project-showcase__mock{transform:translate3d(var(--dx-media-shift),0,0) scale(var(--dx-media-scale));will-change:transform}
.dx-project-showcase__media>img{transition:filter .6s ease}
.dx-project-showcase__card:hover .dx-project-showcase__media>img,.dx-project-showcase__card:hover .dx-project-showcase__media>video:not([controls]){transform:translate3d(var(--dx-media-shift),0,0) scale(calc(var(--dx-media-scale) + .025))}
.dx-project-showcase__media::after{content:'';position:absolute;z-index:8;inset:0;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.2) 48%,transparent 68%);transform:translateX(-130%);pointer-events:none}
.dx-project-showcase__card.is-active .dx-project-showcase__media::after{animation:dx-showcase-glint 1.35s .18s cubic-bezier(.22,1,.36,1) both}
.dx-project-showcase__cardNumber{position:absolute;z-index:9;right:3.5%;bottom:4%;color:rgba(224,231,255,.72);font-size:clamp(40px,7vw,112px);line-height:.7;letter-spacing:-.08em;font-weight:640;mix-blend-mode:screen;pointer-events:none}
.dx-project-showcase__card footer{border-color:rgba(17,22,38,.14);background:rgba(255,255,255,.96)}
.dx-project-showcase__card footer span{color:#4e5bd0}
.dx-project-showcase__card footer p{color:#616773}
.dx-project-showcase__card--outro{background:linear-gradient(145deg,color-mix(in srgb,var(--dx-showcase-accent) 84%,#dce2ff),#2633b0);color:#fff}
.dx-project-showcase__card--outro>a{border-color:rgba(255,255,255,.45);color:#fff}
.dx-project-showcase__meter{color:rgba(24,31,56,.47)}
.dx-project-showcase__meter>i{background:rgba(49,59,108,.14)}
.dx-project-showcase__meter strong{color:#1c2443}
.dx-project-showcase__cursor{position:fixed;z-index:120;left:0;top:0;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#111522;color:#fff;box-shadow:0 18px 50px rgba(20,27,50,.2);opacity:0;transform:translate3d(-50%,-50%,0) scale(.6);pointer-events:none;will-change:left,top,transform,opacity;transition:opacity .25s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.dx-project-showcase__cursor span{font-size:7px;letter-spacing:.18em}.dx-project-showcase__cursor i{position:absolute;right:18px;top:15px;font-size:13px;font-style:normal;transition:transform .4s ease}
.dx-project-showcase.is-pointer-inside .dx-project-showcase__cursor{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}
.dx-project-showcase.is-pointer-active .dx-project-showcase__cursor{transform:translate3d(-50%,-50%,0) scale(.82)}
.dx-project-showcase.is-pointer-active .dx-project-showcase__cursor i{transform:translate(4px,4px)}
@keyframes dx-showcase-glint{0%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
@media(max-width:900px){.dx-project-showcase__ghost{top:24%;font-size:32vw}.dx-project-showcase__cursor{display:none}.dx-project-showcase__card:nth-child(even){margin-top:0;height:100%}.dx-project-showcase__card{--dx-card-lift:0px;--dx-card-scale:1;--dx-card-opacity:1;--dx-card-tilt:0deg}}
@media(prefers-reduced-motion:reduce){.dx-project-showcase__cursor{display:none}.dx-project-showcase__card{--dx-card-lift:0px;--dx-card-scale:1;--dx-card-opacity:1;--dx-card-tilt:0deg}.dx-project-showcase__media>img,.dx-project-showcase__media>video,.dx-project-showcase__media>.dx-project-showcase__mock{transform:none}}

/* Gallery cards can host either a still image or an optimized HTML5 video. */
.dx-project-showcase__media>video{display:block;width:100%;height:100%;object-fit:cover;background:#080b12;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s ease}
.dx-project-showcase__media>video[controls]{position:relative;z-index:10;transform:none}
.dx-project-showcase__youtubeEmbed{position:absolute;z-index:10;inset:0;background:#080b12;overflow:hidden}
.dx-project-showcase__youtubeEmbed iframe{display:block;width:100%;height:100%;border:0}
.dx-project-showcase__youtubeEmbed button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#080b12;cursor:pointer}
.dx-project-showcase__youtubeEmbed button img{display:block;width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.dx-project-showcase__youtubeEmbed button span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:76px;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.64);border-radius:50%;background:rgba(5,8,14,.72);color:#fff;font-size:25px;box-shadow:0 18px 55px rgba(0,0,0,.42);transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease}
.dx-project-showcase__youtubeEmbed button:hover img,.dx-project-showcase__youtubeEmbed button:focus-visible img{opacity:1;transform:scale(1.025)}
.dx-project-showcase__youtubeEmbed button:hover span,.dx-project-showcase__youtubeEmbed button:focus-visible span{transform:translate(-50%,-50%) scale(1.08);background:var(--dx-showcase-accent)}
.dx-project-showcase__videoBadge{position:absolute;z-index:10;left:18px;bottom:18px;padding:8px 10px;border:1px solid rgba(255,255,255,.32);background:rgba(5,8,18,.58);backdrop-filter:blur(10px);color:#fff;font-size:7px;letter-spacing:.16em;pointer-events:none}

/* The gallery is a window, not a canvas extending under the site frame. */
@media(min-width:901px){
  .dx-project-showcase__viewport{margin-right:0;overflow:hidden}
}

/* Fit the entire horizontal showcase in landscape displays with limited height. */
@media(min-width:901px) and (max-height:1100px){
  .dx-project-showcase__sticky{
    min-height:0;
    padding-top:calc(var(--dx-adminbar,0px) + var(--dx-menu-height,65px) + var(--dx-frame-inset,15px) + clamp(12px,2vh,18px));
    padding-bottom:clamp(16px,2.4vh,24px);
    gap:clamp(12px,2.2vh,22px)
  }
  .dx-project-showcase__head{grid-template-columns:.48fr 1.15fr .5fr;gap:clamp(22px,3.8vw,58px)}
  .dx-project-showcase__identity{gap:9px}
  .dx-project-showcase__logo{max-height:42px}
  .dx-project-showcase__copy h2{font-size:clamp(48px,min(6.6vw,12vh),94px);line-height:.8}
  .dx-project-showcase__copy p{margin-top:clamp(9px,1.7vh,15px);font-size:clamp(13px,min(1.05vw,2.05vh),16px);line-height:1.45}
  .dx-project-showcase__actions{gap:5px}
  .dx-project-showcase__actions a{padding:9px 0}
  .dx-project-showcase__track{min-height:0}
  .dx-project-showcase__card{min-height:0!important}
  .dx-project-showcase__card footer{gap:16px;padding:10px 14px}
  .dx-project-showcase__card footer p{font-size:10px;line-height:1.4}
  .dx-project-showcase__card--outro{padding:clamp(26px,3vw,44px)}
  .dx-project-showcase__card--outro>div{min-height:0;align-content:center;gap:clamp(18px,2.7vh,28px);overflow:hidden}
  .dx-project-showcase__card--outro strong{font-size:clamp(30px,min(3.5vw,5.5vh),54px)}
}

/* Mobile is a vertical editorial gallery: no hidden horizontal track. */
@media(max-width:900px){
  .dx-project-showcase{padding:90px 0 94px}
  .dx-project-showcase__sticky{padding:0 20px;display:block}
  .dx-project-showcase__head{gap:24px;margin-bottom:42px}
  .dx-project-showcase__copy h2{font-size:clamp(46px,14vw,62px)}
  .dx-project-showcase__copy p{margin-top:14px;font-size:14px}
  .dx-project-showcase__viewport{margin:0;overflow:visible}
  .dx-project-showcase__track{display:grid;width:100%;height:auto;min-height:0;gap:14px;padding:0;transform:none!important}
  .dx-project-showcase__card,
  .dx-project-showcase__card.is-medium,
  .dx-project-showcase__card.is-tall{width:100%;min-width:0;min-height:0!important;height:auto;aspect-ratio:1;scroll-snap-align:none}
  .dx-project-showcase__card footer{grid-template-columns:1fr;gap:8px;padding:14px}
  .dx-project-showcase__card footer p{font-size:11px;line-height:1.42}
  .dx-project-showcase__card--outro{padding:24px;aspect-ratio:1}
  .dx-project-showcase__card--outro>div{gap:24px}
  .dx-project-showcase__card--outro strong{font-size:clamp(30px,9vw,42px)}
  .dx-project-showcase__meter{display:none}
}