.videos{background:#303431;color:#f2eee6}
.videos-head{display:flex;align-items:end;justify-content:space-between;margin:65px 0 70px}
.videos h2{font-family:"Manrope",sans-serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(3.5rem,5.6vw,6rem);line-height:.95;margin:0}
.videos-head p{max-width:430px;color:#bfc1bc;line-height:1.7;margin:0 0 8px}
.video-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.video-card{border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.video-art{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,#cfc5b6,#726e66)}
.video-art:before{content:"";position:absolute;inset:8% 12%;border:1px solid rgba(255,255,255,.55);background:repeating-linear-gradient(90deg,rgba(242,238,230,.58) 0,rgba(242,238,230,.82) 7%,rgba(104,106,101,.4) 14%,rgba(229,222,210,.78) 21%)}
.install-art{background:linear-gradient(145deg,#a99985,#4c504d)}
.install-art:before{inset:15% 18%;background:linear-gradient(180deg,transparent 0 15%,rgba(239,234,225,.8) 15% 20%,transparent 20% 28%,rgba(239,234,225,.5) 28% 30%,transparent 30%),repeating-linear-gradient(90deg,transparent 0 12%,rgba(239,234,225,.7) 12% 13%,transparent 13% 25%);border:0}
.video-play{position:relative;z-index:1;width:82px;height:82px;border-radius:50%;background:rgba(242,238,230,.95);color:var(--ink);display:grid;place-items:center;font-style:normal;padding-left:5px;transition:.25s}
.video-card:hover .video-play{transform:scale(1.08)}
.video-meta{display:flex;justify-content:space-between;align-items:end;padding:20px 0;border-bottom:1px solid #626560}
.video-meta b{font-family:"Manrope";font-weight:400;font-size:25px}
.video-meta small,.video-note{font-size:10px;letter-spacing:.12em;color:#aeb0ab}
.video-note{margin-top:28px}
.video-dialog{width:min(1000px,92vw);max-width:1000px;background:#202320;color:#f2eee6;padding:50px}
.video-dialog h2{color:#f2eee6;margin:18px 0 26px}
.video-dialog .close{color:#f2eee6}
.video-frame{position:relative;aspect-ratio:16/9;background:#111;display:grid;place-items:center}
.video-frame iframe{width:100%;height:100%;border:0;display:none}
.video-frame iframe.ready{display:block}
.video-frame #videoEmpty{text-align:center;color:#d5d2c9}
.video-frame #videoEmpty p{color:#999d96}
.video-frame #videoEmpty.hidden{display:none}
@media(max-width:900px){.videos-head{display:block}.videos-head p{margin-top:30px}.video-grid{grid-template-columns:1fr}.video-dialog{padding:42px 24px}}
@media(max-width:560px){.videos h2{font-size:clamp(2.65rem,12vw,3.35rem)}.video-meta{align-items:start;gap:12px;flex-direction:column;padding:16px 0 24px}.video-meta b{font-size:22px}.video-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:44px 14px 18px}.video-dialog h2{font-size:2rem;margin:12px 0 20px}.video-play{width:64px;height:64px}.video-frame{width:100%}}