.devices{padding-left:clamp(1rem,var(--dv-padding, 6%),3rem);padding-right:clamp(1rem,var(--dv-padding, 6%),3rem)}.devices-overlap{--dv-margin: 8%;--dv-offset: -16%}.devices-overlap-l{--dv-padding: 8%;--dv-margin: 10%;--dv-offset: -24%}@media only screen and (min-width:75rem){.devices-overlap-l{--dv-offset: -32%}}.device{margin-top:var(--dv-margin, 12%);background:#000;aspect-ratio:1/1.36;width:clamp(12rem,66.667%,20rem);border-radius:16% 16% 0% 0%/12% 12% 0% 0%}.device-back{margin-right:var(--dv-offset);transform:translateY(8%)}.device-front{margin-left:var(--dv-offset);transform:translateY(12%)}.device-screen{width:90%;inset:4% 0 0;border-radius:12% 12% 0% 0%/8% 8% 0% 0%}.device-bar{background:#000;width:50%;aspect-ratio:5/1;top:0;left:0;right:0;border-radius:0% 0% 12% 12%/0% 0% 64% 64%}.device-bar:after,.device-bar:before{content:"";position:absolute;background-color:#0000;top:0;height:.5rem;width:.25rem;box-shadow:0 -.25rem #000}.device-bar:after{right:-.25rem;border-top-left-radius:.25rem}.device-bar:before{left:-.25rem;border-top-right-radius:.25rem}