/* D&S About / metal-human premium hero v2 — intro hero with blended motion. */
.ds-sequence{position:relative;isolation:isolate;overflow:hidden;background:#06090c;color:#f4f5f4}
.ds-sequence *{box-sizing:border-box}
.ds-sequence:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 44% at 73% 34%,rgba(115,151,255,.11),transparent 72%),radial-gradient(ellipse 48% 34% at 68% 63%,rgba(120,255,215,.08),transparent 70%),linear-gradient(180deg,#06090c 0%,#081015 45%,#06090c 100%)}
.ds-sequence-pin{position:relative;z-index:1;min-height:min(900px,100svh)}
.ds-sequence-wrap{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(22px,4vw,72px);width:min(100%,1440px);min-height:min(900px,100svh);margin-inline:auto;padding:clamp(136px,13vw,172px) clamp(24px,5vw,82px) clamp(84px,8vw,108px)}
.ds-sequence-editorial,.ds-sequence-stage{position:relative;z-index:2;min-width:0}
.ds-sequence-kicker .section-label{color:#b9c7cb}
.ds-sequence-title{margin:clamp(26px,3vw,38px) 0 0;max-width:8.6ch;font-size:clamp(54px,6.2vw,104px);font-weight:620;letter-spacing:-.085em;line-height:.92;text-wrap:balance}
.ds-sequence-title em{font-style:normal;color:#d5f47d}
.ds-sequence-editorial p{max-width:560px;margin:clamp(22px,2.5vw,28px) 0 0;color:#adbac0;font-size:clamp(15px,1.16vw,18px);line-height:1.8}
.ds-sequence-actions{display:flex;align-items:center;gap:18px 20px;flex-wrap:wrap;margin-top:clamp(24px,3vw,34px)}
.ds-sequence-link{display:inline-flex;align-items:center;gap:8px;color:#dce6e0;text-decoration:none;border-bottom:1px solid rgba(220,230,224,.36);padding:10px 0;font:600 11px/1.6 var(--mono);letter-spacing:.08em;transition:color .25s ease,border-color .25s ease,transform .25s ease}
.ds-sequence-link:hover{color:#d5f47d;border-color:#d5f47d;transform:translateY(-2px)}
.ds-sequence-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(22px,2vw,28px)}
.ds-sequence-badges span,.ds-sequence-stage-mark,.ds-sequence-caption span,.ds-sequence-footer{font:500 10px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.ds-sequence-badges span{display:inline-flex;align-items:center;padding:8px 11px;border:1px solid rgba(231,239,229,.14);background:rgba(255,255,255,.03);color:#dce5de}
.ds-sequence-stage{justify-self:end;width:min(100%,860px)}
.ds-sequence-stage-mark{display:inline-flex;align-items:center;gap:9px;color:#aebbc0;margin:0 0 12px 3px}
.ds-sequence-stage-mark:before{content:"";width:6px;height:6px;border-radius:999px;background:#d5f47d;box-shadow:0 0 20px rgba(213,244,125,.45)}
.ds-sequence-screen{position:relative;isolation:isolate;width:100%;aspect-ratio:2910/2176;overflow:visible;border-radius:0;background:transparent;box-shadow:none}
.ds-sequence-screen-glow{position:absolute;inset:8% 13% 10%;border-radius:50%;background:radial-gradient(circle at 50% 44%,rgba(175,215,255,.3),rgba(125,206,255,.12) 23%,rgba(17,29,36,.05) 49%,transparent 72%);filter:blur(48px);opacity:.92;pointer-events:none}
.ds-sequence-screen:before,.ds-sequence-screen:after{content:"";position:absolute;pointer-events:none;display:none}
.ds-sequence-video,.ds-sequence-poster{display:block;position:absolute;inset:-12% -15% -10%;width:130%;height:130%;object-fit:contain;object-position:center center;mix-blend-mode:screen;filter:brightness(1.1) contrast(1.14) saturate(.76);transition:opacity .4s ease;mask-image:radial-gradient(circle at 50% 38%,#000 0 24%,rgba(0,0,0,.98) 38%,rgba(0,0,0,.76) 52%,rgba(0,0,0,.28) 66%,transparent 78%),radial-gradient(circle at 50% 60%,rgba(0,0,0,.95) 0 38%,rgba(0,0,0,.55) 58%,transparent 80%),linear-gradient(90deg,transparent 0,rgba(0,0,0,.7) 14%,#000 28%,#000 72%,rgba(0,0,0,.7) 86%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.78) 12%,#000 24%,#000 76%,rgba(0,0,0,.78) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle at 50% 38%,#000 0 24%,rgba(0,0,0,.98) 38%,rgba(0,0,0,.76) 52%,rgba(0,0,0,.28) 66%,transparent 78%),radial-gradient(circle at 50% 60%,rgba(0,0,0,.95) 0 38%,rgba(0,0,0,.55) 58%,transparent 80%),linear-gradient(90deg,transparent 0,rgba(0,0,0,.7) 14%,#000 28%,#000 72%,rgba(0,0,0,.7) 86%,transparent 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.78) 12%,#000 24%,#000 76%,rgba(0,0,0,.78) 88%,transparent 100%)}
.ds-sequence-video{z-index:2;opacity:0}
.ds-sequence-poster{z-index:1;opacity:.98}
.ds-sequence-screen.is-playing .ds-sequence-video{opacity:.98}
.ds-sequence-screen.is-playing .ds-sequence-poster{opacity:0;pointer-events:none}
.ds-sequence-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-top:-24px;padding:0 2px;color:#98a5ac}
.ds-sequence-caption strong{display:block;font-size:clamp(18px,1.7vw,26px);font-weight:560;letter-spacing:-.05em;line-height:1.02;color:#f2f5f2;text-transform:none}
.ds-sequence-footer{position:absolute;left:clamp(24px,5vw,82px);right:clamp(24px,5vw,82px);bottom:clamp(24px,3vw,34px);display:flex;justify-content:space-between;gap:20px;color:#8d9aa0;pointer-events:none}

@media(max-width:1100px){
 .ds-sequence-wrap{grid-template-columns:1fr;gap:34px;min-height:0;padding-top:132px;padding-bottom:86px}
 .ds-sequence-title{max-width:10ch}
 .ds-sequence-stage{justify-self:center;width:min(100%,820px)}
 .ds-sequence-caption{margin-top:-8px}
}
@media(max-width:800px){
 .ds-sequence-pin{min-height:0}
 .ds-sequence-wrap{padding:118px 22px 72px;gap:28px}
 .ds-sequence-title{font-size:clamp(42px,10.8vw,72px);max-width:11ch;line-height:.95}
 .ds-sequence-editorial p{font-size:clamp(14px,3.2vw,16px);line-height:1.72;max-width:50ch}
 .ds-sequence-actions{gap:14px 18px;margin-top:22px}
 .ds-sequence-screen{aspect-ratio:1/1}
 .ds-sequence-video,.ds-sequence-poster{inset:-16% -18%;width:138%;height:138%;object-position:center 44%;mask-image:radial-gradient(circle at 50% 42%,#000 0 27%,rgba(0,0,0,.97) 42%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.28) 72%,transparent 84%),linear-gradient(180deg,transparent 0,#000 15%,#000 86%,transparent 100%);-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 27%,rgba(0,0,0,.97) 42%,rgba(0,0,0,.72) 58%,rgba(0,0,0,.28) 72%,transparent 84%),linear-gradient(180deg,transparent 0,#000 15%,#000 86%,transparent 100%)}
 .ds-sequence-screen-glow{inset:14% 10% 12%;filter:blur(36px)}
 .ds-sequence-caption{display:block;margin-top:10px}
 .ds-sequence-caption strong{font-size:22px}
 .ds-sequence-caption span{display:block;margin-top:8px}
 .ds-sequence-footer{left:22px;right:22px;bottom:20px;font-size:9px}
}
@media(max-width:480px){
 .ds-sequence-wrap{padding-top:108px;padding-bottom:68px}
 .ds-sequence-title{font-size:clamp(38px,10.4vw,54px)}
 .ds-sequence-badges{gap:8px}
 .ds-sequence-badges span{padding:7px 10px}
 .ds-sequence-link{font-size:10px}
 .ds-sequence-stage-mark{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .ds-sequence-video{display:none!important}
 .ds-sequence-poster{opacity:1!important;transition:none}
 .ds-sequence-link:hover{transform:none}
}
