figure[data-youtube]{max-width:100%;margin:30px 0;padding:0}figure[data-youtube]>img,.clip-stage{aspect-ratio:16/9;background:radial-gradient(120% 120% at 20% 0,#2c5c49 0%,#173f34 55%,#0f2b23 100%);border-radius:12px;width:100%;display:block;overflow:hidden;box-shadow:0 18px 40px -26px #0f2b23b3}figure[data-youtube]>img{object-fit:cover;margin:0}.clip-stage{position:relative}.clip-stage iframe{border:0;width:100%;height:100%;display:block}.clip-play{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.clip-play img{object-fit:cover;width:100%;height:100%;margin:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;display:block}.clip-play:after{content:"";pointer-events:none;background:linear-gradient(#0f2b2300 45%,#0f2b2359 100%);position:absolute;inset:0}.clip-icon{z-index:1;background:#fffdf4eb;border-radius:50%;place-items:center;width:78px;height:78px;margin:-39px 0 0 -39px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 10px #fffdf42e,0 14px 34px -10px #0f2b23b3}.clip-icon:before{content:"";border:13px solid #0000;border-left:21px solid #173f34;border-right-width:0;width:0;height:0;margin-left:6px}.clip-play:is(:hover,:focus-visible) .clip-icon{transform:scale(1.08);box-shadow:0 0 0 14px #fffdf440,0 18px 40px -10px #0f2b23cc}.clip-play:is(:hover,:focus-visible) img{transform:scale(1.03)}.clip-play:focus-visible{outline-offset:-3px;border-radius:12px;outline:3px solid #c3d49a}figure[data-youtube] figcaption{border-left:2px solid #a9bc8f;gap:4px;margin-top:12px;padding-left:14px;display:grid}figure[data-youtube] figcaption strong{color:#1f4336;font:400 17px/1.35 Georgia,serif}.clip-note{color:#5e6f63;font-size:12px;line-height:1.55}.clip-note a{color:inherit;text-underline-offset:3px;text-decoration:underline}@media (max-width:600px){.clip-icon{width:60px;height:60px;margin:-30px 0 0 -30px}.clip-icon:before{border-width:10px 0 10px 16px;margin-left:4px}}@media (prefers-reduced-motion:reduce){.clip-play img,.clip-icon{transition:none}}html[data-theme=dark] figure[data-youtube] figcaption strong{color:var(--foreground)}html[data-theme=dark] .clip-note{color:var(--muted-foreground)}html[data-theme=dark] figure[data-youtube] figcaption{border-color:#c3d49a66}