.phone-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;max-width:1000px;margin:40px auto 0}
.phone-post{min-width:0}
.phone-frame{display:block;padding:7px;background:linear-gradient(120deg,#505052,#161719 28%,#343538);border:1px solid #656568;border-radius:39px;box-shadow:0 12px 22px #2525251a;transition:transform .2s,box-shadow .2s}
.phone-frame:hover{transform:translateY(-5px);box-shadow:0 16px 25px #25252526}
.phone-screen{position:relative;aspect-ratio:9/17;border-radius:31px;overflow:hidden;background:#242729;color:white}
.phone-screen>img{display:block;width:100%;height:100%;object-fit:cover}
.phone-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 25%,#0001 50%,#000c 100%);pointer-events:none}
.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:29%;height:17px;border-radius:20px;background:#151515;z-index:2}
.phone-account{position:absolute;top:39px;left:16px;z-index:2;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;text-shadow:0 1px 3px #0008}
.phone-play{position:absolute;z-index:2;left:0;right:0;top:43%;display:flex;align-items:center;gap:12px;flex-direction:column;font-size:10px;font-weight:600;text-shadow:0 1px 4px #0009}
.play-disc{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#b98c2bc4;border:1px solid #ffffff8c;backdrop-filter:blur(5px);box-shadow:0 3px 15px #0002}.play-disc svg{margin-left:3px}
.phone-copy{position:absolute;bottom:26px;left:18px;right:18px;z-index:2}.phone-copy small{display:block;font-size:8px;letter-spacing:1.5px;font-weight:700;color:#e6ca87;margin-bottom:12px}.phone-copy strong{display:block;font-family:Montserrat,Arial,sans-serif;font-size:21px;line-height:1.15;font-weight:800;text-transform:uppercase;letter-spacing:-.7px}
.phone-footer{display:flex;justify-content:space-between;align-items:center;margin:17px 5px 0;color:#867044;font-size:8px;letter-spacing:1px}.phone-footer>span:last-child{font-size:21px;color:#a47725}
.instagram .reels-note{text-align:center;margin-top:25px}
@media(max-width:900px){.phone-reels{gap:22px}.phone-copy strong{font-size:17px}.phone-account{font-size:9px;left:12px}.phone-copy{left:14px;right:14px}}
@media(max-width:700px){.phone-reels{display:flex;gap:22px;max-width:none;margin-top:30px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 5px 22px;scrollbar-width:thin;scrollbar-color:#b98c2b #ddd6c7}.phone-post{flex:0 0 80%;max-width:300px;scroll-snap-align:center}.phone-copy strong{font-size:21px}.phone-account{font-size:10px}.phone-frame{border-radius:36px}.phone-screen{border-radius:28px}.phone-footer{font-size:8px}.instagram .reels-note{text-align:left}}
@media(prefers-reduced-motion:reduce){.phone-frame{transition:none}.phone-frame:hover{transform:none}}