.Media-module__f5ZFIG__comparison{gap:var(--space-3);flex-direction:column;margin-block-start:var(--space-8);display:flex}.Media-module__f5ZFIG__stage{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-6);isolation:isolate;background:var(--hw-media-ink);color:var(--hw-on-media);flex-direction:column;display:flex;position:relative;overflow:hidden}.Media-module__f5ZFIG__stageBlur{z-index:-1;object-fit:cover;opacity:.55;width:100%;height:100%;filter:blur(var(--hw-blur-atmos));position:absolute;inset:0;transform:scale(1.2)}.Media-module__f5ZFIG__sides{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.Media-module__f5ZFIG__side{height:var(--hw-site-pair-h);border-radius:var(--radius-4);isolation:isolate;margin:0;position:relative;overflow:hidden}.Media-module__f5ZFIG__side video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.Media-module__f5ZFIG__side figcaption{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--hw-media-shade);-webkit-backdrop-filter:blur(var(--hw-blur-glass));backdrop-filter:blur(var(--hw-blur-glass));color:var(--hw-on-media);font-size:var(--hw-fs-meta);line-height:var(--hw-lh-meta);position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3)}.Media-module__f5ZFIG__caption{align-items:flex-end;gap:var(--space-4);display:flex}.Media-module__f5ZFIG__caption p{min-width:0;font-size:var(--hw-fs-ui);line-height:var(--hw-lh-ui);overflow-wrap:anywhere;flex:1}.Media-module__f5ZFIG__caption small{color:var(--hw-on-media-2);font-size:var(--hw-fs-meta);line-height:var(--hw-lh-meta);margin-block-start:var(--space-0);display:block}.Media-module__f5ZFIG__actions{gap:var(--space-2);flex:none;display:flex}.Media-module__f5ZFIG__pairPicker{gap:var(--space-2);display:flex;overflow-x:auto}.Media-module__f5ZFIG__pairPicker button{width:var(--hw-site-thumb-s);aspect-ratio:1;border-radius:var(--radius-2);opacity:.55;transition:opacity var(--hw-dur-1) var(--hw-ease);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid;overflow:hidden}.Media-module__f5ZFIG__pairPicker button:hover{opacity:.8}.Media-module__f5ZFIG__pairPicker button[aria-pressed=true]{opacity:1;padding:var(--space-0);background:var(--hw-on-media)}.Media-module__f5ZFIG__pairPicker img{object-fit:cover;width:100%;height:100%}@container pg not (min-width:600px){.Media-module__f5ZFIG__stage{padding:var(--space-3)}.Media-module__f5ZFIG__caption{flex-wrap:wrap}}.Media-module__f5ZFIG__exampleWall{align-items:start;gap:var(--hw-grid-gap);flex-wrap:wrap;display:flex}.Media-module__f5ZFIG__exampleWall>[data-gallery-item]{--gallery-ratio-sum:var(--gallery-ratio-sum-wide);--gallery-gaps:var(--gallery-gaps-wide);--gallery-tail:var(--gallery-tail-wide);--gallery-row-end:var(--gallery-row-end-wide);--gallery-control-unit:var(--gallery-control-unit-wide);--gallery-gap-unit:var(--gallery-gap-unit-wide);--gallery-row-unit:calc((100% - var(--hw-grid-gap) * var(--gallery-gaps)) / var(--gallery-ratio-sum));--gallery-tail-unit:min(var(--gallery-row-unit), max(var(--hw-site-row-h), calc(var(--hw-ctl-3) * var(--gallery-control-unit) + var(--space-2) * var(--gallery-gap-unit))));--gallery-unit:calc(var(--gallery-row-unit) * (1 - var(--gallery-tail)) + var(--gallery-tail-unit) * var(--gallery-tail));width:calc(var(--gallery-unit) * var(--media-ratio));flex:none;margin-inline-end:max(0%, calc(var(--gallery-row-end) * (100% - var(--gallery-unit) * var(--gallery-ratio-sum) - var(--hw-grid-gap) * var(--gallery-gaps))))}@container pg not (min-width:880px){.Media-module__f5ZFIG__exampleWall>[data-gallery-item]{--gallery-ratio-sum:var(--gallery-ratio-sum-mid);--gallery-gaps:var(--gallery-gaps-mid);--gallery-tail:var(--gallery-tail-mid);--gallery-row-end:var(--gallery-row-end-mid);--gallery-control-unit:var(--gallery-control-unit-mid);--gallery-gap-unit:var(--gallery-gap-unit-mid)}}@container pg not (min-width:600px){.Media-module__f5ZFIG__exampleWall>[data-gallery-item]{--gallery-ratio-sum:var(--gallery-ratio-sum-narrow);--gallery-gaps:var(--gallery-gaps-narrow);--gallery-tail:var(--gallery-tail-narrow);--gallery-row-end:var(--gallery-row-end-narrow);--gallery-control-unit:var(--gallery-control-unit-narrow);--gallery-gap-unit:var(--gallery-gap-unit-narrow)}}.Media-module__f5ZFIG__exampleWall[data-expanded=false]{max-height:var(--example-first-row-height,var(--hw-site-row-h));overflow:clip}.Media-module__f5ZFIG__more{text-align:center;margin-block-start:var(--space-5)}.Media-module__f5ZFIG__transcript{gap:var(--space-2);color:var(--hw-ink);display:grid}.Media-module__f5ZFIG__transcript h3{font-size:var(--hw-fs-ui);line-height:var(--hw-lh-ui);font-weight:500}.Media-module__f5ZFIG__transcript p{white-space:pre-wrap;font-size:var(--hw-fs-body);line-height:var(--hw-lh-body)}@media (prefers-reduced-motion:reduce){.Media-module__f5ZFIG__side video{transition:none}}
.WholeImage-module__33yYBW__whole{isolation:isolate;background:var(--hw-media-ink);display:block;position:absolute;inset:0;overflow:hidden}.WholeImage-module__33yYBW__whole>img{width:100%;height:100%;display:block;position:absolute;inset:0}.WholeImage-module__33yYBW__backdrop{z-index:-1;object-fit:cover;opacity:.55;filter:blur(var(--hw-blur-atmos)) saturate(1.2);transform:scale(1.2)}.WholeImage-module__33yYBW__image{object-fit:contain}
@property --hw-compare-split{syntax:"<number>";inherits:true;initial-value:0}.ImageCompare-module__Ll-2lW__compare{--hw-compare-split:0;isolation:isolate;width:100%;height:100%;transition:--hw-compare-split var(--hw-dur-5) var(--hw-ease);position:relative;overflow:hidden}.ImageCompare-module__Ll-2lW__before{clip-path:inset(0 calc(100% - var(--hw-compare-split) * 1%) 0 0)}.ImageCompare-module__Ll-2lW__divider{width:var(--space-1);background:linear-gradient(90deg, var(--hw-media-shade) 25%, var(--hw-on-media) 25% 75%, var(--hw-media-shade) 75%);opacity:clamp(0, min(var(--hw-compare-split), 100 - var(--hw-compare-split)) / 3, 1);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:calc(var(--hw-compare-split) * 1%);transform:translate(-50%)}.ImageCompare-module__Ll-2lW__compare[data-comparison-view=before]{--hw-compare-split:100}.ImageCompare-module__Ll-2lW__compare[data-comparison-view=auto][data-visible]{animation:ImageCompare-module__Ll-2lW__compare-wipe 8s var(--hw-ease) calc(var(--hw-compare-phase,0) * 2s) infinite}.ImageCompare-module__Ll-2lW__compare[data-comparison-view=scrub]{transition:none}@keyframes ImageCompare-module__Ll-2lW__compare-wipe{0%,30%{--hw-compare-split:0}45%,60%{--hw-compare-split:100}75%,to{--hw-compare-split:0}}@media (hover:hover) and (pointer:fine){.ImageCompare-module__Ll-2lW__compare:has(.ImageCompare-module__Ll-2lW__divider){cursor:ew-resize}}.ImageCompare-module__Ll-2lW__views{inset:var(--space-2) var(--space-2) auto;pointer-events:none;justify-content:space-between;display:flex;position:absolute}.ImageCompare-module__Ll-2lW__views button{min-height:var(--hw-ctl-tag);padding-inline:var(--space-2);border-radius:var(--radius-full);pointer-events:auto;background:var(--hw-media-shade);-webkit-backdrop-filter:blur(var(--hw-blur-glass));backdrop-filter:blur(var(--hw-blur-glass));color:var(--hw-on-media-2);font-size:var(--hw-fs-meta);line-height:var(--hw-lh-meta);transition:background-color var(--hw-dur-1) var(--hw-ease), color var(--hw-dur-1) var(--hw-ease);position:relative}.ImageCompare-module__Ll-2lW__views button:after{content:"";inset:calc(-1 * var(--space-3)) calc(-1 * var(--space-1));position:absolute}.ImageCompare-module__Ll-2lW__views button:hover{color:var(--hw-on-media)}.ImageCompare-module__Ll-2lW__views button[aria-pressed=true]{background:var(--hw-on-media);color:var(--hw-media-ink)}.ImageCompare-module__Ll-2lW__unavailable{z-index:1;padding:var(--space-4);background:var(--hw-media-ink);color:var(--hw-on-media);font-size:var(--hw-fs-ui);line-height:var(--hw-lh-ui);place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ImageCompare-module__Ll-2lW__compare,.ImageCompare-module__Ll-2lW__views button{transition:none;animation:none}}
.ExampleCard-module__1OpzKW__flight{pointer-events:none;z-index:var(--hw-z-layer);object-fit:cover;border-radius:var(--radius-4);position:fixed}.ExampleCard-module__1OpzKW__example{flex-grow:var(--media-ratio);flex-basis:calc(var(--hw-site-row-h) * var(--media-ratio));min-width:0;position:relative}.ExampleCard-module__1OpzKW__visual{aspect-ratio:var(--media-ratio);border-radius:var(--radius-4);background:var(--hw-media-ink);isolation:isolate;position:relative;overflow:hidden}.ExampleCard-module__1OpzKW__visual>img,.ExampleCard-module__1OpzKW__visual>video{object-fit:contain;width:100%;height:100%;transition:transform var(--hw-dur-3) var(--hw-ease);display:block}.ExampleCard-module__1OpzKW__visual>video{opacity:0;transition:opacity var(--hw-dur-2) var(--hw-ease);position:absolute;inset:0}.ExampleCard-module__1OpzKW__visual>audio{display:none}.ExampleCard-module__1OpzKW__example[data-playing] .ExampleCard-module__1OpzKW__visual>video{opacity:1}.ExampleCard-module__1OpzKW__example[data-hot] .ExampleCard-module__1OpzKW__visual>img,.ExampleCard-module__1OpzKW__example[data-hot] .ExampleCard-module__1OpzKW__visual>video{transform:scale(1.04)}.ExampleCard-module__1OpzKW__body{gap:var(--space-1);min-width:0;padding:var(--space-2);border-radius:0 0 var(--radius-4) var(--radius-4);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.ExampleCard-module__1OpzKW__body:before{content:"";inset:calc(-1 * var(--space-6)) 0 0;border-radius:inherit;background:linear-gradient(transparent, var(--hw-media-shade));opacity:0;transition:opacity var(--hw-dur-2) var(--hw-ease);z-index:-1;position:absolute}.ExampleCard-module__1OpzKW__body{isolation:isolate}.ExampleCard-module__1OpzKW__meta{color:var(--hw-ink-2);font-size:var(--hw-fs-meta);line-height:var(--hw-lh-meta);text-transform:capitalize}.ExampleCard-module__1OpzKW__description{align-items:start;gap:var(--space-1);text-align:start;width:100%;color:var(--hw-on-media);font-size:var(--hw-fs-ui);line-height:var(--hw-lh-ui);display:flex}.ExampleCard-module__1OpzKW__description>span{-webkit-line-clamp:1;min-height:var(--hw-lh-ui);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ExampleCard-module__1OpzKW__description>svg{width:var(--space-3);height:var(--space-3);color:var(--hw-on-media-2);flex:none;margin-block-start:var(--space-1)}.ExampleCard-module__1OpzKW__source{color:var(--hw-ink-2);font-size:var(--hw-fs-meta);line-height:var(--hw-lh-meta);overflow-wrap:anywhere;text-underline-offset:var(--space-1);align-self:start}.ExampleCard-module__1OpzKW__source:hover{color:var(--hw-ink)}.ExampleCard-module__1OpzKW__actions{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.ExampleCard-module__1OpzKW__actions>button{min-height:var(--hw-ctl-3);flex:none}.ExampleCard-module__1OpzKW__actions .ExampleCard-module__1OpzKW__play{width:var(--hw-ctl-3);padding:0}.ExampleCard-module__1OpzKW__actions svg{width:var(--space-4);height:var(--space-4)}.ExampleCard-module__1OpzKW__description,.ExampleCard-module__1OpzKW__actions>button{opacity:0;transition:opacity var(--hw-dur-2) var(--hw-ease)}.ExampleCard-module__1OpzKW__example:is([data-hot],[data-selected],[data-playing],:focus-within) :is(.ExampleCard-module__1OpzKW__description,.ExampleCard-module__1OpzKW__actions>button),.ExampleCard-module__1OpzKW__example:is([data-kind=music],[data-kind=voice]) .ExampleCard-module__1OpzKW__play{opacity:1;pointer-events:auto}.ExampleCard-module__1OpzKW__details{gap:var(--space-3);padding:var(--space-4);max-width:var(--hw-site-menu-w);font-size:var(--hw-fs-ui);line-height:var(--hw-lh-ui);overflow-wrap:anywhere;display:grid}.ExampleCard-module__1OpzKW__details>p:not(.ExampleCard-module__1OpzKW__meta){white-space:pre-wrap}.hw-sheet .ExampleCard-module__1OpzKW__details{max-width:none}.ExampleCard-module__1OpzKW__unavailable{color:var(--hw-ink-2);font-size:var(--hw-fs-ui);line-height:var(--hw-lh-ui)}.ExampleCard-module__1OpzKW__example[data-tile] .ExampleCard-module__1OpzKW__visual{aspect-ratio:4/5}.ExampleCard-module__1OpzKW__example[data-tile] .ExampleCard-module__1OpzKW__visual>:is(img,video){object-fit:cover}.ExampleCard-module__1OpzKW__example[data-tile]:not([data-kind=music],[data-kind=voice]):not(:focus-within) .ExampleCard-module__1OpzKW__body{opacity:0}.ExampleCard-module__1OpzKW__example[data-tile]:not([data-kind=music],[data-kind=voice]):not(:focus-within) .ExampleCard-module__1OpzKW__body *{pointer-events:none}.ExampleCard-module__1OpzKW__compact .ExampleCard-module__1OpzKW__visual{height:var(--hw-site-reel-h);aspect-ratio:auto}.ExampleCard-module__1OpzKW__example[data-selected] .ExampleCard-module__1OpzKW__actions>button[aria-pressed=true]{background:var(--hw-on-media);color:var(--hw-media-ink)}@media (prefers-reduced-motion:reduce){.ExampleCard-module__1OpzKW__visual>img,.ExampleCard-module__1OpzKW__visual>video,.ExampleCard-module__1OpzKW__body:before,.ExampleCard-module__1OpzKW__description,.ExampleCard-module__1OpzKW__actions>button{transition:none}}