.image-example{scroll-margin-top:12px}.image-example .section-heading>p:last-child{max-width:820px}.example-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px;display:grid}.example-panel{background:linear-gradient(135deg,#84b8e90b,#81e9cc03);border:1px solid #8ecce52b;border-radius:18px;min-width:0;margin:0;overflow:hidden}.example-frame{background:radial-gradient(at 50% 55%,#23405a75,#0a1423 76%);border-bottom:1px solid #8ecce51c;justify-content:center;align-items:center;height:clamp(240px,31vw,380px);display:flex;position:relative;overflow:hidden}.example-frame--model{background:radial-gradient(at 50% 55%,#133c4166,#0c1627 76%)}.example-crop{border-radius:9px;flex:none;height:calc(100% - 36px);transition:transform .35s;position:relative;overflow:hidden}.example-crop--photo{aspect-ratio:632/783;box-shadow:0 14px 35px #0005}.example-crop--model{aspect-ratio:670/915;border-radius:0;height:100%}.example-crop img{max-width:none;display:block;position:absolute}.example-crop--photo img{width:303.639%;height:126.565%;top:-16.22%;left:-56.804%}.example-crop--model img{width:286.418%;height:108.306%;top:-7.104%;left:-49.254%}.example-frame:hover .example-crop{transform:scale(1.025)}.example-frame:focus-visible{outline-offset:-5px}.example-zoom{width:36px;height:36px;color:var(--mint);background:#0a1828ed;border:1px solid #90ddd74a;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.example-zoom svg{width:20px;height:20px}.example-panel figcaption{padding:23px 25px 25px}.example-panel .eyebrow{margin-bottom:9px;font-size:9px}.example-panel h3{font-size:22px;line-height:1.3}.example-panel figcaption>p:last-child{margin-top:9px;font-size:13px}.example-settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0 0;padding:20px 0;display:grid}.example-settings>div{border-left:1px solid var(--line);padding:0 24px}.example-settings>div:first-child{border-left:0;padding-left:0}.example-settings dt{color:var(--muted);font-size:11px;line-height:1.5}.example-settings dd{color:#cce9e9;overflow-wrap:anywhere;margin:7px 0 0;font-size:14px;font-weight:600;line-height:1.5}.example-details{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;margin-top:22px;display:grid}.example-detail{background:#8fcce904;border:1px solid #8ecce526;border-radius:12px}.example-detail summary{justify-content:space-between;align-items:center;gap:20px;padding:21px 23px;font-size:14px;font-weight:600;line-height:1.5;list-style:none;display:flex}.example-detail summary::-webkit-details-marker{display:none}.example-detail summary>span{color:var(--mint);font-size:20px;font-weight:400;line-height:1}.example-detail[open] summary>span{transform:rotate(45deg)}.example-detail ol,.example-detail ul{counter-reset:example-step;margin:0;padding:0 23px 23px;list-style:none}.example-detail li{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.example-detail li:first-child{margin-top:0;padding-top:18px}.example-detail h3{letter-spacing:0;font-size:14px;line-height:1.5}.example-detail ol h3:before{counter-increment:example-step;content:counter(example-step, decimal-leading-zero) " / ";color:var(--mint);padding-right:5px;font-size:12px;font-weight:500}.example-detail p{margin-top:9px;font-size:13px}.example-cta{background:linear-gradient(115deg,#1b416b50,#1a463e25);border:1px solid #87dcd32b;border-radius:15px;justify-content:space-between;align-items:center;gap:32px;margin-top:22px;padding:26px 28px;display:flex}.example-cta h3{font-size:21px;line-height:1.3}.example-cta p{max-width:630px;margin-top:9px;font-size:12px}.example-cta .button{flex-shrink:0;max-width:300px}.example-cta .example-portable-link{display:none}html[data-portable=true] .example-portable-link{display:inline-flex}@media (hover:none) and (pointer:coarse){html:not([data-portable=false]) .example-portable-link{display:inline-flex}}@media (width<=700px){.example-comparison{gap:12px;margin-top:23px}.example-panel{border-radius:13px}.example-frame{height:clamp(190px,49vw,300px)}.example-crop{height:calc(100% - 28px)}.example-crop--model{height:100%}.example-panel figcaption{padding:16px}.example-panel .eyebrow{letter-spacing:.1em;font-size:8px}.example-panel h3{font-size:18px}.example-panel figcaption>p:last-child{font-size:12px;line-height:1.65}.example-zoom{width:30px;height:30px;bottom:9px;right:9px}.example-zoom svg{width:17px;height:17px}.example-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.example-settings>div{padding:0 18px}.example-settings>div:nth-child(odd){border-left:0;padding-left:0}.example-details{grid-template-columns:1fr;gap:12px}.example-detail summary{padding:19px;font-size:13px}.example-detail ol,.example-detail ul{padding:0 19px 22px}.example-cta{flex-direction:column;align-items:flex-start;gap:20px;padding:23px}.example-cta .button{width:100%;max-width:none}}@media (width<=360px){.example-frame{height:174px}.example-panel figcaption{padding:13px}.example-panel h3{font-size:16px}}