.dtxg-hero.dtxg-hero{--dtxg-bg:#0A0D10; --dtxg-bg-1:#11161B; --dtxg-bg-2:#1A222A;
  --dtxg-ink:#E8EEF3; --dtxg-muted:#8A98A5; --dtxg-line:rgba(255,255,255,0.16);
  --dtxg-accent:#FF7A18;
  --dtxg-font:"IBM Plex Sans","Helvetica Neue",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --dtxg-font-head:"Chakra Petch","IBM Plex Sans",-apple-system,Arial,sans-serif;
  position:relative; height:240vh; margin:0; padding:0;                 
  background:var(--dtxg-bg); color:var(--dtxg-ink); font-family:var(--dtxg-font);
  -webkit-font-smoothing:antialiased; line-height:1.4; font-size:16px;
  box-sizing:border-box; overflow:visible;}
.dtxg-hero.dtxg-hero *, .dtxg-hero.dtxg-hero *::before, .dtxg-hero.dtxg-hero *::after{box-sizing:border-box; margin:0; padding:0;}
.dtxg-hero.dtxg-hero a{color:inherit; text-decoration:none;}
.dtxg-hero.dtxg-hero h1, .dtxg-hero.dtxg-hero h2, .dtxg-hero.dtxg-hero h3{font-family:var(--dtxg-font-head); margin:0; color:inherit;}
.dtxg-hero.dtxg-hero img{max-width:none;}
.dtxg-hero .dtxg-scene{position:sticky; top:0; height:100svh; overflow:hidden; perspective:1600px; perspective-origin:50% 50%;
  background:radial-gradient(ellipse at 50% 45%, var(--dtxg-bg-1) 0%, var(--dtxg-bg) 62%);}
.dtxg-hero .dtxg-gallery{position:absolute; top:50%; left:50%; width:0; height:0; transform-style:preserve-3d; will-change:transform;}
.dtxg-hero .dtxg-item{position:absolute; top:0; left:0; width:78px; height:60px; transform-style:preserve-3d;}
.dtxg-hero .dtxg-item-card{position:absolute; inset:0; transform-style:preserve-3d; pointer-events:none;
  border:1px solid rgba(255,255,255,0.18); transition:box-shadow .4s ease; background:var(--dtxg-bg-2);}
.dtxg-hero .dtxg-item-card img{width:100%; height:100%; object-fit:cover; display:block; filter:saturate(0.92) brightness(0.96);}
.dtxg-hero .dtxg-item-card.is-active{box-shadow:0 8px 22px -10px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,122,24,.35);}
.dtxg-hero .dtxg-center{position:absolute; top:var(--dtxg-cy, calc(43% - var(--dtxg-off,0px))); left:50%; transform:translate(-50%,-50%); width:var(--dtxg-cw, min(560px,44vw));
  text-align:center; pointer-events:none; z-index:5; isolation:isolate;}
.dtxg-hero .dtxg-center::before{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:150%; height:190%; pointer-events:none; z-index:-1;
  background:radial-gradient(ellipse at center, rgba(10,13,16,.92) 0%, rgba(10,13,16,.78) 42%, rgba(10,13,16,0) 72%);}
.dtxg-hero .dtxg-eyebrow{font-size:calc(clamp(9.5px, calc(var(--dtxg-cw,560px) * 0.0215), 12px) * var(--dtxg-cs,1)); letter-spacing:0.16em; text-transform:uppercase; color:var(--dtxg-muted); margin-bottom:1.4em;}
.dtxg-hero .dtxg-title{font-size:calc(clamp(22px, calc(var(--dtxg-cw,560px) * 0.082), 46px) * var(--dtxg-cs,1)); font-weight:600; line-height:1.05; letter-spacing:-0.01em; color:var(--dtxg-ink);}
.dtxg-hero .dtxg-title em{font-style:italic; font-weight:500; color:var(--dtxg-accent);}
.dtxg-hero .dtxg-title .dtxg-w{display:inline-block; overflow:hidden; vertical-align:bottom; padding-bottom:.06em; margin-bottom:-.06em;}
.dtxg-hero .dtxg-title .dtxg-wi{display:inline-block; will-change:transform,opacity;}
.dtxg-hero .dtxg-sub{margin-top:1.15em; font-size:calc(clamp(11.5px, calc(var(--dtxg-cw,560px) * 0.025), 14px) * var(--dtxg-cs,1)); color:var(--dtxg-muted);}
.dtxg-hero .dtxg-center-default, .dtxg-hero .dtxg-center-project{transition:opacity .55s ease;}
.dtxg-hero .dtxg-center-project{position:absolute; inset:0; opacity:0; width:min(360px,100%); margin-inline:auto;
  
  
  
  --pw:min(380px, calc(var(--dtxg-cw,560px) - 40px), calc(var(--dtxg-ch,340px) * 1.05 - 45px)); --ph:calc(var(--pw) / 1.87);}
.dtxg-hero .dtxg-center.show-project .dtxg-center-default{opacity:0;}
.dtxg-hero .dtxg-center.show-project .dtxg-center-project{opacity:1;}
.dtxg-hero .dtxg-preview-title{position:absolute; left:0; right:0; bottom:calc(50% + var(--ph)/2 + .85em); margin:0;
  font-family:var(--dtxg-font-head); font-size:calc(clamp(14px, min(calc(min(360px, var(--dtxg-cw,560px)) * 0.058), calc(var(--dtxg-ch,340px) * 0.062)), 23px) * var(--dtxg-cs,1));
  font-weight:600; letter-spacing:-0.018em; line-height:1.16; text-wrap:balance;}
.dtxg-hero .dtxg-preview-img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:var(--pw); height:var(--ph); overflow:hidden; background:var(--dtxg-bg-2); border:1px solid var(--dtxg-line);}
.dtxg-hero .dtxg-preview-img img{width:100%; height:100%; object-fit:cover; display:block;}
.dtxg-hero .dtxg-preview-cat{position:absolute; left:0; right:0; top:calc(50% + var(--ph)/2 + .8em); margin:0;
  font-size:calc(clamp(9.5px, calc(var(--dtxg-cw,560px) * 0.021), 11.5px) * var(--dtxg-cs,1)); letter-spacing:0.18em; text-transform:uppercase; color:var(--dtxg-accent);}
.dtxg-hero .dtxg-labels{position:absolute; inset:0; pointer-events:none;}
.dtxg-hero .dtxg-label{position:absolute; transform:translate(-50%,-50%); white-space:nowrap; font-size:13px; font-weight:500;
  letter-spacing:0.01em; pointer-events:none; opacity:0.85; color:var(--dtxg-ink);}
.dtxg-hero .dtxg-label .ul{border-bottom:1px solid var(--dtxg-line); padding-bottom:2px;}
.dtxg-hero .dtxg-label sup{font-size:10px; color:var(--dtxg-muted); margin-left:3px;}
.dtxg-hero a.dtxg-label{pointer-events:auto; transition:opacity .25s ease;}
.dtxg-hero a.dtxg-label:hover, .dtxg-hero a.dtxg-label:focus-visible{opacity:1; outline:none;}
.dtxg-hero a.dtxg-label:hover .ul, .dtxg-hero a.dtxg-label:focus-visible .ul{border-bottom-color:var(--dtxg-accent);}
.dtxg-hero .dtxg-label.is-sector{opacity:0.55;}
.dtxg-hero .dtxg-label.is-wrap{white-space:normal; max-width:170px; text-align:center; line-height:1.25;}
.dtxg-hero .dtxg-corner{position:absolute; bottom:2.2em; z-index:6; font-size:13px; font-weight:500; letter-spacing:0.02em; color:var(--dtxg-ink);
  padding-bottom:4px; border-bottom:1px solid var(--dtxg-ink); transition:opacity .3s ease, border-color .3s ease;}
.dtxg-hero .dtxg-corner:hover, .dtxg-hero .dtxg-corner:focus-visible{border-bottom-color:var(--dtxg-accent); outline:none;}
.dtxg-hero .dtxg-corner i{font-style:normal; margin-left:0.4em; color:var(--dtxg-accent);}
.dtxg-hero .dtxg-corner--left{left:2.4em;}
.dtxg-hero .dtxg-corner--right{right:2.4em;}
.dtxg-hero .dtxg-progress{position:absolute; bottom:2em; left:50%; transform:translateX(-50%); z-index:6;
  display:flex; flex-direction:column; align-items:center; gap:.55em; color:var(--dtxg-muted);
  pointer-events:none; transition:opacity .5s ease;}
.dtxg-hero .dtxg-progress .dial{position:relative; width:44px; height:44px;}
.dtxg-hero .dtxg-progress .ring{width:44px; height:44px; transform:rotate(-90deg); display:block;}
.dtxg-hero .dtxg-progress .ring .bg{fill:none; stroke:rgba(255,255,255,.16); stroke-width:2;}
.dtxg-hero .dtxg-progress .ring .arc{fill:none; stroke:var(--dtxg-accent); stroke-width:2; stroke-linecap:round;
  stroke-dasharray:113; stroke-dashoffset:113;}
.dtxg-hero .dtxg-progress .chev{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  animation:dtxg-chev 1.8s ease-in-out infinite;}
.dtxg-hero .dtxg-progress .chev svg{width:14px; height:14px; stroke:var(--dtxg-ink); stroke-width:2; fill:none;
  stroke-linecap:round; stroke-linejoin:round;}
.dtxg-hero .dtxg-progress .lbl{font-size:10px; letter-spacing:0.26em; text-transform:uppercase;}
.dtxg-hero .dtxg-progress.is-done{opacity:0;}

@keyframes dtxg-chev{ 0%,100%{ transform:translateY(-2px); opacity:.7; } 50%{ transform:translateY(3px); opacity:1; } }
.dtxg-hero .dtxg-deck{position:absolute; inset:0; z-index:8; opacity:0; pointer-events:none; transition:opacity .5s ease;}
.dtxg-hero.dtxg-hero.is-deck .dtxg-deck{opacity:1; pointer-events:auto;}
.dtxg-hero.dtxg-hero.is-deck .dtxg-center, .dtxg-hero.dtxg-hero.is-deck .dtxg-labels, .dtxg-hero.dtxg-hero.is-deck .dtxg-corner, .dtxg-hero.dtxg-hero.is-deck .dtxg-progress, .dtxg-hero.dtxg-hero.is-deck .dtxg-gallery, .dtxg-hero.dtxg-hero.is-deck .dtxg-mobile-preview, .dtxg-hero.dtxg-hero.is-deck .dtxg-chips{opacity:0 !important; pointer-events:none !important; transition:opacity .45s ease;}
.dtxg-hero .dtxg-deck-count{display:none;}
.dtxg-hero .dtxg-deck-info{position:absolute; left:4vw; top:calc(50% - var(--dtxg-off,0px)); transform:translateY(-50%); width:min(440px,38vw);}
.dtxg-hero .dtxg-deck-cat{font-size:11px; letter-spacing:0.2em; text-transform:uppercase; color:var(--dtxg-accent); margin:0 0 .7rem;}
.dtxg-hero .dtxg-deck-title{font-size:clamp(22px,2.6vw,38px); font-weight:700; line-height:1.1; letter-spacing:-0.018em; color:var(--dtxg-ink); margin:0; min-height:2.2em;}
.dtxg-hero .dtxg-deck-img{margin-top:1.3rem; width:100%; aspect-ratio:16/10; overflow:hidden; background:var(--dtxg-bg-2); border:1px solid var(--dtxg-line);}
.dtxg-hero .dtxg-deck-img img{width:100%; height:100%; object-fit:cover; display:block;}
.dtxg-hero .dtxg-deck-view{display:inline-block; margin-top:1.1rem; font-size:14px; font-weight:700; color:var(--dtxg-ink);
  border-bottom:1px solid var(--dtxg-ink); padding-bottom:3px;}
.dtxg-hero .dtxg-deck-view:hover{border-bottom-color:var(--dtxg-accent);}
.dtxg-hero .dtxg-deck-view i{font-style:normal; margin-left:.4em; color:var(--dtxg-accent);}
.dtxg-hero .dtxg-deck-stack{position:absolute; right:2vw; top:calc(50% - var(--dtxg-off,0px)); transform:translateY(-50%); width:min(48vw,760px); height:min(32vw,470px);
  perspective:1600px; perspective-origin:75% 50%; transform-style:preserve-3d;}
.dtxg-hero .dtxg-deck-card{position:absolute; right:2%; top:50%; margin-top:-13.5%; left:auto; width:43%; aspect-ratio:16/10; transform-style:preserve-3d; backface-visibility:hidden;
  border:1px solid rgba(255,255,255,.22); background:var(--dtxg-bg-2); overflow:hidden; will-change:transform,opacity;
  box-shadow:0 18px 44px -22px rgba(0,0,0,.7);}
.dtxg-hero .dtxg-deck-card img{width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.95) brightness(.97);}
.dtxg-hero .dtxg-deck-back{position:absolute; left:2.4em; bottom:2.2em; z-index:9; width:44px; height:44px; display:flex; align-items:center;
  justify-content:center; font-size:20px; color:var(--dtxg-ink); background:var(--dtxg-bg-1); border:1px solid var(--dtxg-line); cursor:pointer;}
.dtxg-hero .dtxg-deck-back:hover, .dtxg-hero .dtxg-deck-back:focus-visible{border-color:var(--dtxg-accent); color:var(--dtxg-accent); outline:none;}
.dtxg-hero .dtxg-deck-hint{position:absolute; bottom:2.4em; left:50%; transform:translateX(-50%); font-size:10px; letter-spacing:0.26em;
  text-transform:uppercase; color:var(--dtxg-muted);}
.dtxg-hero .dtxg-deck-stack::before{content:attr(data-lbl); position:absolute; top:-2.2em; right:2%; font-size:10px; letter-spacing:0.22em;
  text-transform:uppercase; color:var(--dtxg-muted);}
.dtxg-hero .dtxg-deck.is-mirror .dtxg-deck-info{left:auto; right:4vw; text-align:right;}
.dtxg-hero .dtxg-deck.is-mirror .dtxg-deck-view{float:none;}
.dtxg-hero .dtxg-deck.is-mirror .dtxg-deck-stack{right:auto; left:2vw; perspective-origin:25% 50%;}
.dtxg-hero .dtxg-deck.is-mirror .dtxg-deck-stack::before{right:auto; left:2%;}
.dtxg-hero .dtxg-deck.is-mirror .dtxg-deck-card{right:auto; left:2%;}

@media (max-width:768px){
.dtxg-hero .dtxg-deck{background:var(--dtxg-bg); overflow:hidden;}
.dtxg-hero.dtxg-hero.is-deck .dtxg-ring-hitbox{display:none;}
.dtxg-hero .dtxg-deck-info{position:absolute; left:0; right:0; top:3.9em; bottom:auto; transform:none;
    width:auto; padding:0 1em; text-align:left;}
.dtxg-hero .dtxg-deck-cat{margin-bottom:.55rem;}
.dtxg-hero .dtxg-deck-title{font-size:23px; line-height:1.06; min-height:0;}
.dtxg-hero .dtxg-deck-img{margin-top:1rem;}
.dtxg-hero .dtxg-deck-view{margin-top:.9rem; min-height:44px;}
.dtxg-hero .dtxg-deck-stack{display:none;}
.dtxg-hero .dtxg-deck-back{top:.6em; left:1em; bottom:auto;}
.dtxg-hero .dtxg-deck-hint{bottom:1.1em;}
.dtxg-hero .dtxg-deck-count{display:block; margin-top:.75rem; font-size:11px; letter-spacing:.2em;
    color:var(--dtxg-muted); font-variant-numeric:tabular-nums;}
.dtxg-hero .dtxg-deck.is-mirror .dtxg-deck-info{left:0; right:0; text-align:left;}
   
}.dtxg-hero .dtxg-chips{display:none;}

@media (max-width:768px){
.dtxg-hero .dtxg-chips{display:flex; gap:8px; position:absolute; left:0; right:0; bottom:0; z-index:25;
    padding:1.4em 1em 1em; overflow-x:auto; overflow-y:hidden; scrollbar-width:none;
    -webkit-overflow-scrolling:touch; touch-action:pan-x;
    background:linear-gradient(to top, var(--dtxg-bg) 58%, rgba(10,13,16,0));}
.dtxg-hero .dtxg-chips::-webkit-scrollbar{display:none;}
.dtxg-hero .dtxg-chip{flex:0 0 auto; display:inline-flex; align-items:center; gap:.35em; min-height:38px;
    padding:0 .95em; border:1px solid var(--dtxg-line); border-radius:999px; background:rgba(255,255,255,.04);
    font-size:12.5px; font-weight:600; line-height:1; color:var(--dtxg-ink); text-decoration:none; white-space:nowrap;}
.dtxg-hero .dtxg-chip sup{font-size:9.5px; color:var(--dtxg-muted); vertical-align:super;}
.dtxg-hero .dtxg-chip:active{border-color:var(--dtxg-accent); background:rgba(255,122,24,.10);}

}.dtxg-hero .dtxg-mobile-preview{display:none;}
.dtxg-hero .dtxg-ring-hitbox{display:none;}

@media (max-width:768px){
.dtxg-hero.dtxg-hero{height:100svh;}
.dtxg-hero .dtxg-scene{position:relative;}
.dtxg-hero .dtxg-ring-hitbox{display:block; position:absolute; left:0; right:0; bottom:0; top:50%;
    z-index:20; touch-action:none; pointer-events:auto;}
.dtxg-hero .dtxg-center, .dtxg-hero .dtxg-labels, .dtxg-hero .dtxg-progress{display:none;}
.dtxg-cursor.dtxg-cursor{display:none !important;}
.dtxg-hero .dtxg-corner{bottom:auto; top:3.6em; font-size:13px;}
.dtxg-hero .dtxg-corner--left{left:1em;}
.dtxg-hero .dtxg-corner--right{right:1em;}
.dtxg-hero .dtxg-mobile-preview{display:block; position:absolute; top:6.2em; left:0; right:0; z-index:6; padding:0 1em; pointer-events:none;}
.dtxg-hero .dtxg-mp-cat{font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--dtxg-accent); margin-bottom:5px;}
.dtxg-hero .dtxg-mp-title{font-size:23px; line-height:1.05; font-weight:600; letter-spacing:-0.01em; margin-bottom:14px;}
.dtxg-hero .dtxg-mp-img{width:100%; aspect-ratio:16/10; overflow:hidden; background:var(--dtxg-bg-2); border:1px solid var(--dtxg-line);}
.dtxg-hero .dtxg-mp-img img{width:100%; height:100%; object-fit:cover; display:block;}
.dtxg-hero .dtxg-mp-view{display:inline-block; margin-top:11px; font-size:14px; font-weight:700;
    border-bottom:1px solid var(--dtxg-ink); padding-bottom:2px; pointer-events:auto; min-height:44px;}
.dtxg-hero .dtxg-mp-view i{font-style:normal; margin-left:0.35em; color:var(--dtxg-accent);}

}.dtxg-cursor.dtxg-cursor{display:none;}

@media (pointer:fine) and (hover:hover){
.dtxg-hero.dtxg-hero, .dtxg-hero.dtxg-hero a{cursor:none;}
.dtxg-cursor.dtxg-cursor{display:block; position:fixed; top:0; left:0; width:13px; height:13px;
    border-radius:999px; background:#E8EEF3; pointer-events:none; z-index:500; will-change:transform; transition:opacity .3s ease; mix-blend-mode:difference;}
.dtxg-cursor.dtxg-cursor.is-hidden{opacity:0;}

}.dtxg-hero.dtxg-hero:not(.dtxg-ready) .dtxg-gallery, .dtxg-hero.dtxg-hero:not(.dtxg-ready) .dtxg-center, .dtxg-hero.dtxg-hero:not(.dtxg-ready) .dtxg-labels, .dtxg-hero.dtxg-hero:not(.dtxg-ready) .dtxg-corner, .dtxg-hero.dtxg-hero:not(.dtxg-ready) .dtxg-mobile-preview, .dtxg-hero.dtxg-hero:not(.dtxg-ready) .dtxg-chips, .dtxg-hero.dtxg-hero:not(.dtxg-ready) .dtxg-progress{opacity:0;}
.dtxg-hero .dtxg-loading{position:absolute; inset:0; z-index:30; background:var(--dtxg-bg);
  display:flex; align-items:center; justify-content:center; cursor:default;}
.dtxg-hero .dtxg-loading.is-hidden{pointer-events:none;}
.dtxg-hero .dtxg-loading-inner{text-align:center; opacity:0; animation:dtxg-load-in .8s ease forwards;}
.dtxg-hero .dtxg-loading-brand{font-family:var(--dtxg-font-head); font-weight:700; font-size:22px; letter-spacing:0.16em;}
.dtxg-hero .dtxg-loading-text{margin-top:1.1em; font-size:11px; letter-spacing:0.26em; text-transform:uppercase;
  color:var(--dtxg-muted); animation:dtxg-pulse 1.8s ease-in-out infinite;}
.dtxg-hero .dtxg-loading-bar{width:120px; height:1px; margin:1.6em auto 0; background:rgba(255,255,255,0.12); overflow:hidden;}
.dtxg-hero .dtxg-loading-bar span{display:block; width:100%; height:100%; background:var(--dtxg-accent); transform:scaleX(0);
  transform-origin:left center; animation:dtxg-load-bar 1.4s ease-in-out forwards;}

@keyframes dtxg-load-in{ to{ opacity:1; } }

@keyframes dtxg-pulse{ 0%,100%{ opacity:0.45; } 50%{ opacity:1; } }

@keyframes dtxg-load-bar{ to{ transform:scaleX(1); } }

@media (prefers-reduced-motion:reduce){
.dtxg-hero .dtxg-loading-inner, .dtxg-hero .dtxg-loading-text, .dtxg-hero .dtxg-loading-bar span, .dtxg-hero .dtxg-progress .chev{animation:none !important;}
.dtxg-hero .dtxg-progress{display:none;}
.dtxg-hero .dtxg-loading-inner{opacity:1;}
.dtxg-hero .dtxg-center-default, .dtxg-hero .dtxg-center-project, .dtxg-hero .dtxg-item-card, .dtxg-hero a.dtxg-label, .dtxg-hero .dtxg-corner{transition:none !important;}

}.dtxg-film.dtxg-film{position:relative; background:#0A0D10; color:#E8EEF3; font-family:"IBM Plex Sans","Helvetica Neue",-apple-system,Arial,sans-serif; padding:4.5rem 1.5rem 5rem;}
.dtxg-film.dtxg-film *, .dtxg-film.dtxg-film *::before, .dtxg-film.dtxg-film *::after{box-sizing:border-box;}
.dtxg-film .dtxg-film-in{max-width:1140px; margin:0 auto;}
.dtxg-film .dtxg-film-head{display:flex; align-items:baseline; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; margin:0 0 1.4rem;}
.dtxg-film .dtxg-film-eyebrow{font-size:12px; letter-spacing:0.16em; text-transform:uppercase; color:#8A98A5; margin:0 0 .5rem;}
.dtxg-film .dtxg-film-title{font-family:"Chakra Petch","IBM Plex Sans",Arial,sans-serif; font-size:clamp(22px,2.4vw,32px); font-weight:600; letter-spacing:-0.01em; line-height:1.15; margin:0; color:#E8EEF3;}
.dtxg-film .dtxg-film-sub{font-size:14px; color:#8A98A5; margin:0; max-width:46ch;}
.dtxg-film .dtxg-film-frame{position:relative; aspect-ratio:16/9; background:#1A222A; border:1px solid rgba(255,255,255,0.16); overflow:hidden;}
.dtxg-film .dtxg-film-frame img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.9) brightness(.8); transition:transform .8s ease, filter .4s ease;}
.dtxg-film .dtxg-film-frame:hover img{transform:scale(1.02); filter:saturate(.95) brightness(.9);}
.dtxg-film .dtxg-film-play{position:absolute; inset:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; gap:1rem; background:transparent; border:0; cursor:pointer; color:#E8EEF3; font:inherit;}
.dtxg-film .dtxg-film-play:focus-visible{outline:2px solid #FF7A18; outline-offset:-4px;}
.dtxg-film .dtxg-film-play .dot{width:72px; height:72px; border-radius:999px; border:1px solid rgba(255,255,255,.7); display:flex; align-items:center; justify-content:center; background:rgba(10,13,16,.35); backdrop-filter:blur(4px); transition:transform .3s ease, background .3s ease, border-color .3s ease;}
.dtxg-film .dtxg-film-play .dot svg{width:22px; height:22px; fill:#E8EEF3; margin-left:3px;}
.dtxg-film .dtxg-film-play:hover .dot{transform:scale(1.06); background:rgba(255,122,24,.9); border-color:#FF7A18;}
.dtxg-film .dtxg-film-play .lbl{position:absolute; bottom:1.1rem; left:1.2rem; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#E8EEF3; opacity:.85;}
.dtxg-film .dtxg-film-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.dtxg-film .dtxg-film-note{margin:.8rem 0 0; font-size:12px; color:#8A98A5;}

@media (max-width:768px){
.dtxg-film.dtxg-film{padding:3rem 1rem 3.5rem;}
.dtxg-film .dtxg-film-play .dot{width:58px; height:58px;}
 }
@media (prefers-reduced-motion:reduce){
.dtxg-film .dtxg-film-frame img, .dtxg-film .dtxg-film-play .dot{transition:none !important;}
.dtxg-film .dtxg-film-frame:hover img{transform:none;}
 }