.phone-story{background:#fff;color:#252c27;padding:15px 4.3% 100px;overflow:hidden}.phone-story-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,7vw,110px);max-width:1440px;margin:auto;align-items:center}.sketch-phone{width:min(100%,264px);aspect-ratio:480/900;position:relative;justify-self:center;transform:rotate(-2deg);isolation:isolate}.sketch-phone:before{content:"";position:absolute;inset:2% 3%;background:#252c27;border-radius:11% / 6%;box-shadow:7px 10px 0 #edf0e8;z-index:-1}.phone-outline{color:#859187;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.phone-screen{position:absolute;left:8%;right:8%;top:8%;aspect-ratio:392/700;overflow:hidden;border-radius:8px;background:#fff}.phone-screen video{display:block;width:100%;height:100%;object-fit:contain}.phone-controls{position:absolute;left:12%;right:12%;bottom:5.2%;display:flex;align-items:center;justify-content:space-between;gap:15px}.phone-controls button{background:transparent;color:#f0efe9;border:1px solid #859187;border-radius:50%;width:28px;height:28px;font:500 10px Arial;cursor:pointer}.phone-controls [data-phone-sound]{width:auto;border-radius:30px;padding:0 10px}.phone-controls button:hover{background:#414b43}.phone-controls button:focus-visible{outline:2px solid #22acd0;outline-offset:4px}@media(max-width:700px){.phone-story{padding:25px 7% 65px}.phone-story-layout{grid-template-columns:1fr;gap:0}.sketch-phone{width:min(100%,198px)}.phone-story-copy{display:none}.phone-controls{bottom:4.8%}.phone-controls button{height:28px;min-width:28px;width:28px;font-size:11px}}

.phone-story .brand-stories-intro{max-width:1440px;padding-top:20px;margin-bottom:75px}.brand-stories-intro p{max-width:1100px}@media(max-width:700px){.phone-story .brand-stories-intro{padding-top:0;margin-bottom:45px}}