.dd-open-matte{position:relative;overflow-x:clip}.dd-open-matte-track{position:relative}.dd-open-matte-stage{padding-block:var(--dd-section-y)}.dd-open-matte-inner{gap:clamp(24px,3vw,40px);display:grid}.dd-open-matte-head{gap:12px;max-width:57.5rem;display:grid}.dd-open-matte-meta{align-items:center;gap:12px;display:inline-flex}.dd-open-matte-meta:before{content:"";background:var(--dd-blue);width:24px;height:1px}.dd-open-matte-frame{border-radius:var(--dd-radius-frame);transform-origin:50%;width:100%;margin-inline:auto;position:relative}.dd-open-matte-progress{display:none}.dd-open-matte[data-dd-act=armed] .dd-open-matte-track{height:var(--dd-act-open-h)}.dd-open-matte[data-dd-act=armed] .dd-open-matte-stage{top:var(--header-h);height:calc(100svh - var(--header-h));align-content:center;padding-block:clamp(16px,3svh,40px);display:grid;position:sticky}.dd-open-matte[data-dd-act=armed] .dd-open-matte-inner{gap:clamp(16px,2.4svh,28px)}.dd-open-matte[data-dd-act=armed] .dd-open-matte-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:32px;max-width:none}.dd-open-matte[data-dd-act=armed] .dd-open-matte-meta{padding-bottom:.6em}.dd-open-matte[data-dd-act=armed] .dd-open-matte-frame{width:min(100%, calc((100svh - var(--header-h) - 15rem) * 16 / 9))}.dd-open-matte[data-dd-act=armed] .dd-open-matte-progress{width:min(100%, calc((100svh - var(--header-h) - 15rem) * 16 / 9));background:var(--dd-border);height:1px;margin-inline:auto;display:block;position:relative}.dd-open-matte-bar{background:var(--dd-blue);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.dd-open-matte[data-dd-act=armed] .dd-open-matte-title{transition:opacity var(--dur-char) var(--dd-ease-out)}.dd-open-matte[data-dd-act=armed]:not([data-dd-cut]) .dd-open-matte-title:not(.dd-chars){opacity:0}.dd-open-matte[data-dd-act=armed]:not([data-dd-cut]) .dd-open-matte-title .dd-schar{translate:0 var(--dd-mask-word);transition-delay:0s}.dd-open-matte .dd-facade-disc{transition:background-color var(--dur-ui) var(--dd-ease-out), border-color var(--dur-ui) var(--dd-ease-out), color var(--dur-ui) var(--dd-ease-out), scale var(--dur-ui) var(--dd-ease-out), opacity var(--dur-ui) var(--dd-ease-out)}.dd-open-matte[data-dd-act=armed]:not([data-dd-disc]) .dd-facade-disc:not(:focus-visible){opacity:0}.dd-open-matte[data-dd-matte] .dd-open-matte-frame{transition:clip-path var(--dur-image-reveal) var(--dd-ease-in-out)}.dd-open-matte[data-dd-matte=closed] .dd-open-matte-frame{clip-path:inset(var(--dd-matte-open-inset) 0)}@media (prefers-reduced-motion:reduce){.dd-open-matte-frame,.dd-open-matte-title,.dd-open-matte .dd-facade-disc{clip-path:none!important;opacity:1!important;transition:none!important;transform:none!important}}@media (scripting:none){.dd-open-matte-frame{clip-path:none}}
