.phone-reveal{position:relative;height:350svh;background:#0a0a0a;scroll-snap-align:start;scroll-snap-stop:always;overflow-x:clip}.pr-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;overflow:visible;padding:0 20px}.pr-container{position:relative;z-index:5;width:100%;margin:0 auto;display:grid;place-items:center;height:100svh;padding:0 20px;box-sizing:border-box}.pr-header{grid-area:1/1;z-index:10;text-align:center;will-change:transform,opacity}.pr-title{font-family:"Barlow",var(--cinema-font-display),system-ui,sans-serif;font-weight:700;font-size:clamp(44px,7vw,100px);line-height:1;letter-spacing:-.035em;color:#fafafa;margin:0;max-width:14ch;text-align:center;text-wrap:balance;text-shadow:0 4px 30px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5)}.pr-accent{color:#fcff61}.pr-card-wrapper{perspective:1000px;grid-area:1/1}.pr-books{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:visible}.pr-book{position:absolute;top:50%;left:50%;width:90px;height:135px;object-fit:cover;border-radius:4px;box-shadow:0 20px 40px -15px #0009;opacity:.75;will-change:transform,opacity;transition:box-shadow .3s ease}@media (max-width:767px){.pr-book{width:88px;height:132px}}.pr-card{margin:0 auto;will-change:transform;transform:rotateX(20deg) scale(1.05);transform-origin:center center;box-shadow:0 0#0000004d,0 9px 20px #0000004a,0 37px 37px #00000042,0 84px 50px #00000026,0 149px 60px #0000000a,0 233px 65px #00000003}.pr-phone{display:flex;justify-content:center}.pr-phone .phone{width:auto;height:72svh;aspect-ratio:240/510;max-width:320px;max-height:680px;background:linear-gradient(145deg,#1a1a1c,#0a0a0a);border-radius:36px;padding:8px;box-shadow:inset 0 0 0 1.5px #ffffff14,inset 0 0 0 4px #000,0 1px #ffffff0a inset,0 60px 120px -30px #000000e6,0 30px 60px -20px #000000b3}.pr-phone .phone-screen{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#1c1c1e}.pr-phone .phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:80px;height:24px;background:#000;border-radius:20px;z-index:5}.pr-phone .ps-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border-radius:30px;user-select:none;pointer-events:none}.pr-blur-overlay{position:absolute;inset:0;background:#0a0a0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:inherit;z-index:4;opacity:0;pointer-events:none}.pr-tablet{display:none!important;max-width:380px;margin:0 auto;background:linear-gradient(145deg,#1a1a1c,#0a0a0a);border-radius:28px;padding:16px;box-shadow:inset 0 0 0 1.5px #ffffff14,inset 0 0 0 4px #000,0 60px 120px -30px #000000e6,0 30px 60px -20px #000000b3}.pr-tablet-screen{width:auto;height:55svh;aspect-ratio:9/19;max-height:550px;border-radius:16px;overflow:hidden;background:#1c1c1e}.pr-tablet-screen img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}@media (max-width:767px){.phone-reveal{height:200svh}.pr-card{transform:rotateX(25deg) scale(.85)}.pr-container{max-width:380px;padding:0 20px}.pr-title{font-size:clamp(44px,12vw,80px);letter-spacing:-.03em;line-height:1;max-width:12ch}.pr-accent{display:block}}@media (min-width:768px){.pr-phone .phone{height:75svh;max-width:360px;max-height:750px}}@media (max-height:667px){.pr-phone .phone{height:55svh}}@media (prefers-reduced-motion:reduce){.pr-card,.pr-header{transform:none!important}}