@font-face{font-family:LayerizePoster;font-style:normal;font-weight:400;font-display:swap;src:url(/blog/layerize/fonts/eb-garamond-400.ttf)format("truetype")}.layerize-article{container-type:inline-size}.layerize-article :where(figure){margin-inline:0}.layerize-article :where(img){max-width:100%;height:auto;display:block}.layerize-article .article-figure img{box-shadow:none;border-radius:0;margin:0}.layerize-article :where(.article-figure){margin-block:2rem;scroll-margin-top:2rem}.layerize-article :where(.figure-image img){width:100%}.layerize-article :where(figcaption){text-align:center;color:#6b7280;margin-top:.5rem;font-size:.875rem;line-height:1.5}.layerize-article :where(a):focus-visible{outline-offset:4px;outline:2px solid}.layerize-article :where(.comparison-grid){grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}.layerize-article :where(.comparison-pair){grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.75rem;min-width:0;display:grid}.layerize-article :where(.comparison-side){min-width:0}.layerize-article :where(.comparison-label){margin-bottom:.5rem;font-size:.8em;line-height:1.4;display:block}.layerize-article :where(.comparison-image){align-self:start;text-decoration:none;display:block;position:relative}.layerize-article :where(.comparison-image img){object-fit:contain;object-position:top;width:100%}.layerize-article :where(.canvas-link .comparison-label){text-underline-offset:.2em;text-decoration:underline}.layerize-article :where(.canvas-link):hover img{outline-offset:3px;outline:1px solid}@container (min-width:42rem){.layerize-article :where(.comparison-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.5rem}}@container (min-width:56rem){.layerize-article :where(.comparison-grid){grid-template-columns:repeat(3,minmax(0,1fr))}}.layerize-article .layer-experience[hidden]{display:none}.layerize-article .layer-diagram,.layerize-article .layer-diagram *{box-sizing:border-box}.layerize-article .layer-experience{background:#fff;overflow:clip}.layerize-article .layer-figure.is-enhanced .layer-fallback{display:none}.layerize-article .layer-viewport{aspect-ratio:2048/853;position:relative;overflow:clip}.layerize-article .layer-diagram{width:2460px;height:1024.6px;transform:scale(var(--diagram-scale,1));transform-origin:0 0;position:absolute}.layerize-article .diagram-original{width:2460px;max-width:none;height:auto;display:block}.layerize-article .layer-animation{pointer-events:none;position:absolute;inset:0}.layerize-article .layer-cover{background:#fff;width:402px;height:647px;position:absolute;top:180px;left:590px}.layerize-article .layer-stage{width:386.13px;height:499.7px;position:absolute;top:262px;left:606px}.layerize-article .layer-assembly{width:100%;height:100%;position:relative}.layerize-article .poster-plane{transform-origin:0 0;position:absolute;inset:0}.layerize-article .poster-sheet{background:#f3f5f9;border:1px solid #c4c8d0;position:absolute;inset:0}.layerize-article .poster-layer{transform-origin:50%;position:absolute}.layerize-article .poster-layer img{width:100%;max-width:none;height:100%;display:block}.layerize-article .poster-text{letter-spacing:0;white-space:nowrap;color:var(--layer-ink,#fff);-webkit-font-smoothing:auto;flex-direction:column;justify-content:flex-start;font-family:LayerizePoster,Georgia,serif;font-weight:400;display:flex}.layerize-article .poster-text span{display:block}.layerize-article .poster-text[data-centered]{justify-content:center}.layerize-article .poster-layer:before{content:"";opacity:var(--outline-opacity,0);border:1px solid #4389ef;position:absolute;inset:-5px}.layerize-article .poster-layer[data-id=background]:before{display:none}.layerize-article .layer-handle{width:5px;height:5px;opacity:var(--outline-opacity,0);background:#fff;border:1px solid #4389ef;position:absolute}.layerize-article .layer-handle:nth-last-child(4){top:-7px;left:-7px}.layerize-article .layer-handle:nth-last-child(3){top:-7px;right:-7px}.layerize-article .layer-handle:nth-last-child(2){bottom:-7px;right:-7px}.layerize-article .layer-handle:last-child{bottom:-7px;left:-7px}.layerize-article .poster-mark img{filter:brightness(var(--mark-brightness,1))}.layerize-article .poster-mark .layer-handle{display:none}@media print{.layerize-article :where(.comparison-pair,.layer-figure){break-inside:avoid}.layerize-article .layer-figure.is-enhanced .layer-fallback{display:block}.layerize-article .layer-experience{display:none}}