.wall-phone{box-shadow:0 0 0 1px #ffffff0f inset, 0 28px 50px -22px color-mix(in srgb, var(--tone,#463f3a) 85%, #000), 0 10px 24px -14px #1f1b1859;background:#1f1b18;border-radius:14%/6.3%;padding:2.4%;position:relative;container-type:inline-size}.wall-phone img{background:color-mix(in srgb, var(--tone,#ddd) 60%, #fff);border-radius:11.8%/5.3%;width:100%;height:auto;display:block}.wall-phone-hover{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.group:hover .wall-phone-hover,.group:focus-visible .wall-phone-hover{transform:translateY(-8px)rotate(-1deg)}.group:focus-visible{outline:none}.group:focus-visible .wall-phone{outline-offset:4px;outline:3px solid #f2817d}.wall-fan{position:absolute;inset:0}.wall-fan-phone{width:min(42%,200px);transform:translate(-50%, -50%) translateX(calc(var(--i) * 68%)) translateY(calc(var(--i) * var(--i) * 7%)) rotate(calc(var(--i) * 9deg));animation:7s ease-in-out infinite wall-float;animation-delay:calc(var(--i) * 1.1s);position:absolute;top:50%;left:50%}.wall-fan-phone:nth-child(2){z-index:2;width:min(46%,220px)}@media (max-width:639px){.wall-fan-phone{width:34%;transform:translate(-50%, -50%) translateX(calc(var(--i) * 74%)) translateY(calc(var(--i) * var(--i) * 6%)) rotate(calc(var(--i) * 8deg))}.wall-fan-phone:nth-child(2){width:38%}}@keyframes wall-float{0%,to{translate:0}50%{translate:0 -10px}}.wall-pulse{animation:2.2s ease-out infinite wall-pulse;box-shadow:0 0 #f2817d99}@keyframes wall-pulse{70%{box-shadow:0 0 0 8px #f2817d00}to{box-shadow:0 0 #f2817d00}}.wall-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:22px;padding:12px 16px 36px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.wall-rail::-webkit-scrollbar{display:none}.wall-rail>:first-child{margin-left:auto}.wall-rail>:last-child{margin-right:auto}.wall-card{scroll-snap-align:center;flex:none;width:min(56vw,250px)}@media (min-width:768px){.wall-rail{gap:40px;padding-inline:24px}.wall-card{width:230px}}.wall-rail-sm{gap:18px;margin-inline:-16px}.wall-rail-sm>:first-child{margin-left:0}.wall-rail-sm>:last-child{margin-right:0}.wall-card-sm{scroll-snap-align:start;width:min(40vw,170px)}@media (min-width:640px){.wall-rail-sm{margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}}@media (min-width:768px){.wall-card-sm{width:170px}}.wall-lightbox{background:radial-gradient(ellipse at 30% 45%, color-mix(in srgb, var(--tone) 42%, #1d1a18) 0%, transparent 65%), #171412;transition:background .4s;animation:.22s ease-out wall-fade-in}.wall-lightbox .wall-phone{box-shadow:0 0 0 1px #ffffff1a inset, 0 40px 90px -30px color-mix(in srgb, var(--tone) 70%, #000)}.wall-phone-lightbox{width:min(50vw,min(68vh,640px)/2.22222)}.wall-phone-lightbox img{animation:.25s ease-out wall-fade-in}@keyframes wall-fade-in{0%{opacity:0}}.wall-lock{color:#fff;text-shadow:0 1px 12px #00000040;pointer-events:none;flex-direction:column;align-items:center;padding-top:13%;font-family:-apple-system,SF Pro Display,system-ui,sans-serif;animation:.25s ease-out wall-fade-in;display:flex;position:absolute;inset:2.4%}.wall-lock-date{opacity:.92;font-size:5.6cqw;font-weight:600}.wall-lock-time{letter-spacing:-.02em;font-size:25cqw;font-weight:600;line-height:1}@media (prefers-reduced-motion:reduce){.wall-fan-phone,.wall-pulse,.wall-lightbox,.wall-lock,.wall-phone-lightbox img{animation:none}.wall-phone-hover{transition:none}}