html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.apple-exploration{overflow-x:clip}.story-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;padding:16px 7.5%;background:#fffffff0;backdrop-filter:blur(16px);border-bottom:1px solid #171a1815;font-size:14px}.story-nav div{display:flex;gap:24px}.film-hero{background:linear-gradient(#fff 25%,#f5eefc);overflow:hidden}.hero-stage{height:calc(100svh - 60px);min-height:700px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-type{position:absolute;top:40px;text-align:center;z-index:2}.hero-type h1{font-size:clamp(48px,5.7vw,88px);line-height:1.02;max-width:none;font-weight:800;letter-spacing:-.055em}.hero-type p{font-size:16px;margin:0 0 20px}.device-fan{position:relative;width:100%;height:58%;margin-top:190px}.device-fan img{position:absolute;left:50%;height:100%;width:auto;max-width:35%;object-fit:contain;transform:translateX(-50%);border-radius:28px;box-shadow:0 24px 60px #21153312}.device-fan .fan-center{z-index:3;clip-path:inset(1.2% 3% round 15% / 7%)}.fan-left{margin-left:-210px;rotate:-8deg}.fan-right{margin-left:210px;rotate:8deg}.hero-caption{font-size:18px;margin:24px 0 0;color:#555d56}.highlights{background:#f6f5f7;padding:96px 0;overflow:hidden}.section-top{display:flex;align-items:end;justify-content:space-between;margin:0 7.5% 40px}.section-top h2{font-size:clamp(36px,4vw,64px);line-height:1.05;margin:0;font-weight:800;letter-spacing:-.05em}.gallery-controls{display:flex;gap:12px}button{font:inherit;cursor:pointer}.gallery-controls button{border:0;border-radius:50%;width:44px;height:44px;background:#e5e3e8;font-size:22px}.highlights-track{display:flex;gap:24px;overflow-x:auto;padding:0 7.5% 24px;scrollbar-width:none}.highlight-card{flex:0 0 420px;background:#e9e0fb;border-radius:28px;overflow:hidden;padding:32px;min-height:640px;display:flex;flex-direction:column}.highlight-card:nth-child(2){background:#fff6ed}.highlight-card:nth-child(3){background:#e4eef8}.highlight-card h3{font-size:28px;font-weight:800;margin:0 0 12px;letter-spacing:-.035em}.highlight-card p{font-size:18px;line-height:1.5;margin:0 0 32px}.highlight-card img{width:auto;height:460px;max-width:100%;object-fit:contain;margin:auto auto 0;border-radius:20px}.apple-exploration .product-chapter{margin-top:128px}.apple-exploration .story-challenge .product-heading{display:block;text-align:center;max-width:900px;margin:0 auto 64px}.story-challenge h2{font-size:clamp(40px,5vw,72px)}.story-challenge p{margin:32px auto 0;max-width:58ch;color:#626962}.apple-exploration .intro-demo{background:linear-gradient(#fff,#f4effa);padding:48px;border-radius:32px}.apple-exploration .demo-panel{background:linear-gradient(140deg,#f4effa,#e9e0fb)}.apple-exploration .spoiler-chapter .demo-panel{background:linear-gradient(140deg,#fff9f2,#f9ede0)}.apple-exploration .feature-copy h2{font-size:clamp(36px,4vw,64px)}.apple-exploration .feature-copy p{color:#626962}.apple-exploration .context-grid{background:linear-gradient(#f5f0fb,#e9e0fb)}.landscape-sequence{margin-top:128px;background:#101011;color:#fff;overflow:hidden}.sequence-stage{height:100svh;min-height:650px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px}.sequence-copy{text-align:center;margin-bottom:40px}.sequence-copy h2{font-size:clamp(36px,4vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.045em;margin:0 0 24px}.sequence-copy p{font-size:20px;line-height:1.5;color:#aaa}.sequence-media{position:relative;width:min(100%,1040px);aspect-ratio:3376/1592}.sequence-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:24px}.sequence-detail{opacity:0}.comparison-toggle{display:flex;justify-content:center;gap:8px;margin:32px 0}.comparison-toggle button{border:0;border-radius:24px;padding:12px 28px;background:#eee}.comparison-toggle button[aria-pressed=true]{background:#171a18;color:white}.comparison-stage{background:#fff6ed;padding:32px;border-radius:24px;overflow:hidden}.comparison-state{display:grid;grid-template-columns:1fr 1fr;gap:32px}.comparison-state[hidden]{display:none}.comparison-state img{width:100%;height:auto;border-radius:16px;background:#000}.apple-exploration .player-results{border:0;padding-top:80px}.apple-exploration .player-metrics{padding:48px 0}.apple-exploration .player-metrics strong{color:#6b4e91}.apple-exploration footer{margin-top:96px}
@media(max-width:767px){.story-nav{padding:12px 20px}.story-nav div{display:none}.hero-stage{min-height:620px;height:85svh}.hero-type{top:32px;padding:0 20px}.hero-type h1{font-size:44px}.device-fan{height:50%;margin-top:180px}.device-fan img{max-width:50%}.fan-left{margin-left:-105px}.fan-right{margin-left:105px}.hero-caption{font-size:15px}.highlights{padding:64px 0}.section-top{margin-inline:20px}.section-top h2{font-size:32px}.highlight-card{flex-basis:85vw;min-height:540px;padding:24px}.highlight-card img{height:360px}.apple-exploration .product-chapter{margin-top:72px}.apple-exploration .intro-demo{padding:24px}.sequence-stage{height:auto;min-height:0;padding:64px 20px}.sequence-media{margin-bottom:24px}.sequence-detail{display:none}.comparison-state{grid-template-columns:1fr;gap:24px}.comparison-stage{padding:16px}.sequence-copy h2{font-size:36px}.apple-exploration .feature-copy h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.sequence-detail{display:none}.story-nav{backdrop-filter:none}}
.device-fan{height:48%;margin-top:280px}
@media(max-width:767px){.device-fan{height:43%;margin-top:250px}.hero-type h1{font-size:40px}}
/* Unified device shell and supplied video references, version 2. */
.screen-aperture{position:absolute;inset:2% 5.35%;background:#000;overflow:hidden;border-radius:12% / 6%}
.apple-exploration .screen-aperture .phone-screen{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;background:#000;border-radius:0;margin:0;transform:none;box-shadow:none;rotate:none}
.apple-exploration .phone-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:none;rotate:none;margin:0;box-shadow:none;border-radius:0;pointer-events:none}
.apple-exploration .screen-aperture .baked-crop{width:125%;height:115%;left:-12.5%;top:-7.5%;object-fit:fill}
.apple-exploration .screen-aperture .before-crop{width:400%;height:125%;left:-48%;top:-12%;object-fit:fill}
.hero-device{position:absolute;left:50%;height:100%;width:auto;aspect-ratio:1948/3940;transform:translateX(-50%);transform-origin:50% 80%}
.hero-device .phone-mockup{width:100%;height:100%}.hero-device.fan-center{z-index:3;rotate:0deg;clip-path:none}
.hero-device.fan-left{margin-left:0;rotate:0deg}.hero-device.fan-right{margin-left:0;rotate:0deg}
.device-fan{height:48%;margin-top:270px;perspective:1600px}
.spoiler-recordings{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px}
.spoiler-recordings figure,.live-composition figure{margin:0;min-width:0}.spoiler-recordings .phone-mockup{width:100%}.spoiler-recordings figcaption,.live-composition figcaption{font-size:15px;text-align:center;line-height:1.5;margin-top:16px;color:#626962}
.highlight-card .phone-mockup{width:220px;margin:auto auto 0;flex-shrink:0}
.highlight-card{min-height:720px}.highlight-card .phone-frame{height:100%}.context-grid .phone-mockup{width:min(100%,280px)}
.focus-reveal{overflow:hidden;border-radius:32px;background:#eee7f8}
.focus-stage{position:relative;height:100svh;min-height:650px;display:grid;place-items:center;overflow:hidden}
.focus-lineup{display:flex;gap:64px;align-items:center;justify-content:center;width:100%;transform-origin:center}
.focus-lineup>div{width:280px;flex:0 0 280px}.focus-lineup .phone-mockup{width:100%}
.focus-overlay{position:absolute;z-index:5;text-align:center;inset:0;display:grid;place-items:center;color:white;pointer-events:none;background:#0004}
.focus-overlay h3{font-size:clamp(36px,4.5vw,64px);line-height:1.05;letter-spacing:-.04em;text-shadow:0 2px 20px #0006}
.live-composition{display:grid;grid-template-columns:1fr 1.8fr;gap:48px;align-items:center;padding:48px;background:#f4eefb;border-radius:28px}.live-composition .phone-mockup{width:260px}
.landscape-phone{position:relative;aspect-ratio:3940/1948;overflow:hidden;background:transparent}
.landscape-phone:before{content:"";position:absolute;inset:5.35% 2%;background:#000;border-radius:6% / 12%}
.apple-exploration .landscape-phone .landscape-screen{position:absolute;left:2%;top:5.35%;width:96%;height:89.3%;object-fit:contain;border-radius:6% / 12%;background:#000}
.apple-exploration .landscape-phone .landscape-frame{position:absolute;left:50%;top:50%;width:49.44%;height:202.26%;transform:translate(-50%,-50%) rotate(90deg);max-width:none;border-radius:0;background:none;object-fit:contain}
.sequence-media>.landscape-phone{position:absolute;inset:0;width:100%;height:100%}
.two-after{gap:16px}.two-after .phone-mockup{width:46%;max-width:230px;margin:0;flex-shrink:1}.transformation .after-player.two-after{height:640px;padding:16px}
.transformation .media .phone-mockup{width:230px}
.transformation .after-player .phone-mockup .phone-frame{height:100%}
@media(max-width:1000px){.focus-lineup{gap:32px}.focus-lineup>div{width:240px;flex-basis:240px}.live-composition{gap:24px;padding:24px}}
@media(max-width:767px){.hero-device.fan-left{margin-left:-100px;rotate:-8deg}.hero-device.fan-right{margin-left:100px;rotate:8deg}.hero-device{max-width:45%}.device-fan{height:44%;margin-top:250px}.highlight-card{min-height:640px}.highlight-card .phone-mockup{width:200px}.focus-stage{height:auto;min-height:0;padding:48px 16px}.focus-lineup{gap:16px}.focus-lineup>div{width:70%;flex-basis:70%}.focus-side{display:none}.focus-overlay{display:none}.live-composition{grid-template-columns:1fr;padding:32px 20px}.live-composition .phone-mockup{width:260px}.spoiler-recordings{padding:16px;gap:12px}.transformation .after-player.two-after{height:480px;padding:8px}.two-after .phone-mockup{width:48%}}
@media(prefers-reduced-motion:reduce){.hero-device.fan-left{margin-left:-180px;rotate:-8deg}.hero-device.fan-right{margin-left:180px;rotate:8deg}.focus-overlay{display:none}}
.apple-exploration .transformation .phone-mockup .phone-frame{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0}
.apple-exploration .screen-aperture .before-crop{width:309%;height:126.8%;left:-41.5%;top:-13.5%;max-width:none;object-fit:fill}
.apple-exploration section[id]{scroll-margin-top:88px}

@media(min-width:768px){.device-fan{height:52%;perspective:none}.hero-device{rotate:0deg!important;margin-left:0!important}.hero-device.fan-center{z-index:3}}
/* Polish: clean screen crops, useful controls and deliberate scale. */
.gallery-controls button[hidden]{display:none}
.apple-exploration video::-webkit-media-controls{display:none!important}
.apple-exploration video{pointer-events:none}
.apple-exploration .phone-mockup .screen-only{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;border-radius:0;background:#000}
.apple-exploration .landscape-phone .landscape-frame{transform:translate(-50%,-50%) rotate(-90deg)}
.apple-exploration .landscape-phone .landscape-screen{left:5.5%;top:5.8%;width:89%;height:88.4%;object-fit:contain;border-radius:0}
.focus-lineup{transform-origin:50% 38%}
.hero-type h1{font-size:clamp(48px,6.2vw,96px)}
@media(min-width:768px){.device-fan{height:56%;margin-top:290px}.hero-type{top:32px}}
@media(max-width:767px){.hero-type h1{font-size:40px}.device-fan{margin-top:230px}}
/* A held logo transitions into playback; static screens diversify the story. */
.apple-exploration .splash-screen{z-index:2;pointer-events:none}
.apple-exploration .focus-motion{z-index:1}
@media(min-width:768px){.film-hero{padding-bottom:128px}.hero-stage{padding-bottom:48px}.device-fan{margin-top:270px;height:52%}}
@media(max-width:767px){.film-hero{padding-bottom:72px}.splash-screen{display:none}}
@media(prefers-reduced-motion:reduce){.splash-screen{display:block!important}.focus-motion{display:none}}
@media(min-width:768px){.hero-type h1{font-size:clamp(48px,5.5vw,80px)}}
/* Larger product stage, less trailing whitespace, and balanced landscape spacing. */
@media(min-width:768px){.film-hero{padding-bottom:48px}.hero-stage{height:calc(100svh - 56px);min-height:740px;padding-bottom:24px}.device-fan{height:clamp(400px,62svh,520px);margin-top:210px;flex-shrink:0;z-index:3}.hero-type{z-index:2}.sequence-stage{height:calc(100svh - 56px);min-height:650px;padding:48px 7.5%;gap:24px}.sequence-copy{margin:0}.sequence-copy h2{font-size:clamp(36px,3.5vw,52px);margin:0 0 20px}.sequence-copy p{font-size:18px;margin:0;line-height:1.5}.sequence-media{width:min(100%,calc(44svh * 2.02),1040px);aspect-ratio:3940/1948;flex-shrink:0;margin:0}}
.apple-exploration .screen-aperture .after-demo-crop{width:116%;height:104%;left:-8%;top:-2%;max-width:none;object-fit:fill}
@media(max-width:767px){.film-hero{padding-bottom:40px}.sequence-stage{padding:48px 20px;gap:24px}.sequence-copy{margin:0}.sequence-media{margin:0}.device-fan{z-index:3}}
/* A readable opening line, paired evidence, and independent landscape reveals. */
@media(min-width:768px){.device-fan{margin-top:270px}}
.two-before{display:flex;gap:16px}
.transformation .media.two-before .phone-mockup{width:46%;max-width:230px;margin:0;flex-shrink:1}
.sequence-media{overflow:hidden}
@media(max-width:767px){.transformation .media.two-before{padding:8px;height:480px}.two-before .phone-mockup{width:48%}.sequence-media{overflow:visible}.sequence-detail{display:block!important;position:relative!important;margin-top:24px}.sequence-media{margin-bottom:0}.sequence-stage{padding-bottom:64px}.sequence-media>.landscape-phone{position:relative;inset:auto;height:auto;aspect-ratio:3940/1948}.sequence-main{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.sequence-media{overflow:visible}.sequence-media>.landscape-phone{position:relative;inset:auto;height:auto;aspect-ratio:3940/1948}.sequence-detail{display:block;margin-top:24px}.sequence-stage{height:auto;padding-block:64px}}
@media(max-width:767px),(prefers-reduced-motion:reduce){.sequence-media{aspect-ratio:auto}.sequence-detail{opacity:1;transform:none}.sequence-media>.landscape-phone{width:100%;height:auto}}

/* Consistent framed evidence panels and an uninterrupted two-device reveal. */
@media(min-width:768px){.device-fan{margin-top:350px}}
.apple-exploration .lock-chapter .beyond-visual{padding:48px;background:linear-gradient(140deg,#f4effa,#e9e0fb)}
.apple-exploration .lock-chapter .beyond-visual .phone-mockup{width:min(100%,280px);margin:auto}
.apple-exploration .transformation figure{background:#f1ecf8;justify-content:flex-start;gap:16px;padding:32px}
.apple-exploration .transformation h3{margin-left:0}
.sequence-media{overflow:visible}
@media(max-width:767px){.device-fan{margin-top:290px}.apple-exploration .lock-chapter .beyond-visual{padding:32px}.apple-exploration .transformation figure{padding:16px}}
@media(min-width:768px){.apple-exploration .lock-chapter .beyond-visual .phone-mockup{width:min(100%,320px)}}

@media(min-width:768px){.device-fan{margin-top:320px}}
.apple-exploration .transformation figure{justify-content:center}
/* The source pairs a static phone on the left with the animated phone on the right. */
.apple-exploration .screen-aperture video.before-crop{left:-168.5%}

/* More breathing room below the completed hero composition. */
@media(min-width:768px){.film-hero{padding-bottom:144px}}
@media(max-width:767px){.film-hero{padding-bottom:88px}}