/* A small spread of real screens, preserving each source's proportions. */
.app-intro-grid.app-has-showcase{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:48px;align-items:center;padding:64px 0 66px;border-bottom:1px solid var(--line)}
.app-has-showcase .page-hero{padding:0;border:0}
.app-has-showcase .page-title{font-size:clamp(48px,5.4vw,82px)}
.app-has-showcase .page-lead{font-size:17px;max-width:520px}
.device-showcase{margin:0;min-width:0;position:relative}
.device-spread{position:relative;isolation:isolate;height:auto;aspect-ratio:1.14;max-width:710px;margin:auto}
.device-spread:before{content:"";position:absolute;inset:15% 0 9%;z-index:-1;background:#edf0e7;border-radius:50%}
.device-leaf{--tilt:0deg;--lift:0px;position:absolute;display:block;width:32%;padding:5px;line-height:0;background:#fafbf8;border:1px solid #dfe3d8;border-radius:22px;box-shadow:0 20px 28px -16px #21312d4a,0 3px 7px #21312d12;transform:translateY(var(--lift)) rotate(var(--tilt));transform-origin:50% 85%;transition:transform .28s ease,box-shadow .28s ease;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.device-leaf img{width:100%;height:auto;display:block;border-radius:17px;mix-blend-mode:normal}
.device-leaf:nth-child(1){--tilt:-10deg;left:6%;top:9%;z-index:1}
.device-leaf:nth-child(2){--tilt:0deg;left:34%;top:2%;z-index:3}
.device-leaf:nth-child(3){--tilt:10deg;right:4%;top:12%;z-index:2}
.device-spread[data-count="2"] .device-leaf:nth-child(1){left:16%;top:6%;--tilt:-9deg;width:37%}
.device-spread[data-count="2"] .device-leaf:nth-child(2){left:auto;right:12%;top:13%;--tilt:8deg;width:37%}
.device-spread[data-count="2"]:not(.has-tablet){aspect-ratio:1.03}
.device-spread.has-tablet .device-leaf[data-device="tablet"]{width:54%;left:2%;top:7%;--tilt:-8deg}
.device-spread.has-tablet .device-leaf:nth-child(2){left:45%;top:4%;width:29%;--tilt:1deg}
.device-spread.has-tablet .device-leaf:nth-child(3){width:29%;right:5%;top:17%;--tilt:9deg}
.device-spread.has-tablet[data-count="2"] .device-leaf:nth-child(2){left:auto;right:6%;width:34%;top:11%;--tilt:8deg}
.device-spread.all-tablets .device-leaf:first-child{width:55%;left:2%;top:5%}
.device-spread.all-tablets .device-leaf:nth-child(2){width:55%;right:0;top:15%}
.device-leaf[data-device="artwork"]{padding:4px;border-radius:14px}
.device-leaf[data-device="artwork"] img{border-radius:10px}
.device-showcase figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;line-height:1.5;color:var(--muted);margin-top:26px;padding-inline:12px}
.device-showcase figcaption span:first-child{letter-spacing:.1em;text-transform:uppercase}
.device-leaf:focus-visible{outline:2px solid var(--ink);outline-offset:5px;z-index:5}
.lightbox.device-lightbox{max-width:min(94vw,1100px)}
.lightbox.device-lightbox img{width:auto;max-width:100%;max-height:78dvh;object-fit:contain;margin:auto}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.device-leaf:hover{--lift:-10px;z-index:5;box-shadow:0 28px 38px -17px #21312d55,0 5px 10px #21312d15}}
@media(max-width:1100px){.app-intro-grid.app-has-showcase{gap:28px}.app-has-showcase .page-lead{font-size:16px}.device-leaf{padding:4px;border-radius:17px}.device-leaf img{border-radius:12px}.device-showcase figcaption{font-size:9px;padding-inline:0}}
@media(max-width:980px){.app-intro-grid.app-has-showcase{display:block;padding:42px 0 48px}.app-has-showcase .page-hero{padding:0}.app-has-showcase .page-title{font-size:clamp(45px,8vw,70px)}.app-has-showcase .page-lead{max-width:620px}.device-showcase{max-width:650px;margin:42px auto 0}.device-showcase figcaption{font-size:10px;margin-top:20px}}
@media(max-width:520px){.app-intro-grid.app-has-showcase{padding:32px 0 34px}.app-has-showcase .page-title{font-size:clamp(39px,11.5vw,54px)}.app-has-showcase .page-lead{font-size:15px}.device-showcase{margin-top:38px}.device-spread{aspect-ratio:1.03}.device-leaf{border-radius:13px;padding:3px}.device-leaf img{border-radius:9px}.device-showcase figcaption{margin-top:13px;font-size:9px;gap:8px}.device-spread.has-tablet{aspect-ratio:1.12}}
@media(prefers-reduced-motion:reduce){.device-leaf{transition:none}}