/* Screens, scroll narratives and editorial depth. */
img[src$="mdc-icon.png"]{border-radius:25%}
.reading-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:linear-gradient(90deg,#627791,#c3a358);transform:scaleX(0);transform-origin:left;will-change:transform;pointer-events:none}
.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease var(--reveal-delay,0ms),transform .85s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}
.screen-gallery{margin:25px 0 90px;min-width:0}.gallery-heading{display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:35px}.gallery-heading h2{font-size:40px;line-height:1.1;max-width:640px}.gallery-heading .eyebrow{margin-bottom:18px}.gallery-heading>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:680px}.screen-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1px;padding:18px 2px 30px;scrollbar-width:thin;scrollbar-color:#a9bbcf transparent;overscroll-behavior-x:contain;align-items:start}.screen-rail:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.screen-card{flex:0 0 calc((100% - 56px)/3);min-width:250px;scroll-snap-align:start;margin:0;min-height:0}.screen-open{position:relative;display:block;border:0;padding:25px 22px;background:linear-gradient(145deg,#e8eff7,#d5e1ed);width:100%;border-radius:20px;transition:background .3s,transform .3s;text-align:left;cursor:zoom-in}.screen-open:hover{background:#cfdfef;transform:translateY(-4px)}.app-screen{display:block;max-width:240px;margin:auto;background:#d2dfef;border:6px solid #25374b;box-shadow:0 20px 35px -20px #172b4090;border-radius:25px;overflow:hidden;line-height:0}.app-screen img{width:100%;height:auto;aspect-ratio:430/932;object-fit:cover;display:block}.screen-enlarge{position:absolute;right:12px;bottom:12px;border-radius:50%;background:#f9fbfeef;color:var(--ink);width:32px;height:32px;display:grid;place-items:center;font-size:19px;box-shadow:0 4px 15px #182a4015;transition:transform .3s}.screen-open:hover .screen-enlarge{transform:rotate(45deg)}.screen-card figcaption{padding:23px 7px 0}.screen-number{font-family:'Nova Square';font-size:10px;color:#7b92ab;letter-spacing:.08em}.screen-card h3{font-size:24px;line-height:1.15;margin:10px 0 13px}.screen-card p{font-size:13px;line-height:1.75;color:var(--muted)}.rail-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px;font-size:9px;letter-spacing:.12em;color:var(--blue)}.rail-hint{text-transform:uppercase;margin-left:7px}.rail-controls>div{display:flex;gap:8px}.rail-controls button{width:40px;height:40px;border:1px solid #b9c9d9;background:transparent;border-radius:50%;font-size:18px;transition:background .2s}.rail-controls button:hover{background:#dce7f1}.gallery-dark{background:var(--ink);color:white;border-radius:28px;padding:40px}.gallery-dark .eyebrow,.gallery-dark p{color:#b4c6d9}.gallery-dark .screen-open{background:linear-gradient(140deg,#31465f,#24384f)}.gallery-dark .rail-controls{color:#b6c9dc}
.universe-experience .page-intro h1{max-width:1000px}.universe-cover{display:grid;grid-template-columns:1fr 1.05fr;min-height:610px;border-radius:28px;overflow:hidden;background:#e3edf7;position:relative;align-items:center;padding:45px;margin:0 0 110px;isolation:isolate}.universe-cover:after{content:'';position:absolute;width:800px;height:800px;border:1px solid #acbfd34d;border-radius:50%;right:-200px;top:-100px;z-index:-1;box-shadow:0 0 0 75px #acbfd31a,0 0 0 150px #acbfd30d}.universe-cover-copy{position:relative;z-index:3;max-width:430px}.universe-cover h2{font-size:42px;line-height:1.12}.universe-cover p{font-size:14px;color:var(--muted);margin:24px 0;max-width:360px}.universe-cover .text-link{font-size:12px}.cover-facts{display:flex;gap:30px;margin-top:42px}.cover-facts>span{font-size:10px;color:var(--muted);max-width:145px}.cover-facts b{display:block;font-family:'Nova Square';font-size:33px;color:var(--ink);margin-bottom:8px}.screen-fan{position:relative;height:510px;min-width:0;transform:translateY(var(--fan-drift,0px));will-change:transform}.fan-screen{position:absolute;width:212px;top:30px;left:50%;transform-origin:50% 85%}.fan-screen .screen-open{padding:0;border-radius:24px;background:none;box-shadow:0 20px 35px #182a4020}.fan-screen .app-screen{border-width:6px}.fan-screen .screen-enlarge{width:25px;height:25px;font-size:14px}.fan-0{transform:translateX(-95%) rotate(-13deg);z-index:1;top:66px}.fan-1{transform:translateX(-43%) rotate(2deg);z-index:3}.fan-2{transform:translateX(10%) rotate(13deg);z-index:2;top:70px}.fan-screen:hover{z-index:5}.world-introduction{text-align:center;margin:70px auto 60px;max-width:800px;scroll-margin-top:120px}.world-introduction h2{font-size:49px;line-height:1.1}.world-introduction>p{font-size:15px;color:var(--muted);max-width:650px;margin:25px auto 0}.world-sequence{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:start;margin-bottom:110px;position:relative}.world-visual{position:sticky;top:111px;border-radius:24px;padding:24px;background:linear-gradient(150deg,#dfe9f3,#ecf2f8);height:min(740px,calc(100vh - 135px));min-height:440px;overflow:hidden}.story-step-label{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:var(--blue)}.story-step-label span:first-child{font-family:'Nova Square'}.story-screen-stage{height:calc(100% - 73px);position:relative;margin-top:14px}.story-frame{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;transform:translateY(22px) scale(.97);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.75,.2,1);pointer-events:none}.story-frame.is-active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.story-frame .screen-open{width:auto;padding:0;background:none}.story-frame .app-screen{height:min(550px,calc(100vh - 280px));width:auto;max-width:none;aspect-ratio:430/932}.story-frame .app-screen img{height:100%;width:100%}.story-frame>p{font-size:11px;color:var(--muted);margin-top:17px;text-align:center}.story-frame .screen-enlarge{right:-16px;bottom:12px}.story-dots{display:flex;gap:7px;justify-content:center;position:absolute;bottom:19px;left:20px;right:20px}.story-dots button{border:1px solid #adbed0;width:30px;height:30px;font-family:'Nova Square';font-size:9px;border-radius:50%;background:transparent;color:var(--muted);transition:background .3s,color .3s}.story-dots button.active{background:var(--ink);color:white;border-color:var(--ink)}.world-step{padding:100px 0;min-height:75vh;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:80px;border-bottom:1px solid var(--line)}.world-step:first-child{padding-top:30px}.world-step:last-child{border-bottom:0}.world-step h3{font-size:38px;line-height:1.12;margin-bottom:24px}.world-step>p{font-size:15px;line-height:1.85;color:var(--muted)}.world-step .check-list{margin-top:20px}.story-example{border-left:2px solid #97aec6;padding:2px 0 2px 18px;margin-top:27px}.story-example>span{font-size:8px;letter-spacing:.13em;color:var(--blue)}.story-example>p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.8}.story-mobile-screen{display:none}.universe-modules{padding-top:10px}.universe-experience .universe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-examples{margin:60px 0 90px}.editorial-examples .section-heading{margin-bottom:35px}.editorial-examples .section-heading h2{font-size:41px;line-height:1.1}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.example-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#edf3f9,#f8fafc)}.example-index{font-family:'Nova Square';font-size:11px;color:var(--blue)}.example-card h3{font-size:29px;line-height:1.14;margin:21px 0 18px}.example-card>p{font-size:14px;color:var(--muted);line-height:1.85}.example-card ul{padding:19px 0 0;margin:22px 0 0;border-top:1px solid var(--line);list-style:none}.example-card li{font-size:12px;line-height:1.75;color:var(--muted);padding:6px 0 6px 17px;position:relative}.example-card li:before{content:'↗';position:absolute;left:0;color:#8098b1}.example-result{display:flex;gap:15px;font-size:12px;margin-top:24px}.example-result p{color:var(--ink)}.chapter-screen{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:25px;margin:30px 0 0;padding:23px;border-radius:18px;background:#e8eff7}.chapter-screen .screen-open{padding:0;background:transparent}.chapter-screen .app-screen{border-width:4px;border-radius:17px}.chapter-screen figcaption .eyebrow{font-size:8px;line-height:1.5;margin-bottom:13px}.chapter-screen figcaption h3{font-size:25px;line-height:1.2}.chapter-screen figcaption p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px}.chapter-screen figcaption>span{display:block;font-size:9px;color:var(--blue);margin-top:18px}.stat-panel{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:40px;align-items:start}.stat-panel-content .check-list{margin-top:22px}.stat-panel-visual .screen-open{padding:0;background:transparent}.stat-panel-visual small{display:block;font-size:9px;color:var(--muted);margin-top:18px;text-align:center}.stat-panel-visual .app-screen{max-width:220px}.stat-panel-content{padding:10px 0}.stat-panel-content:only-child{grid-column:1/-1;max-width:780px}.stat-panel .screen-open:hover{transform:translateY(-2px)}
.screenshot-dialog{max-width:880px;width:calc(100% - 36px);max-height:94vh;padding:28px;overflow:auto}.screenshot-modal-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-right:35px}.screenshot-modal-heading .eyebrow{font-size:9px;margin-bottom:11px}.screenshot-modal-heading h2{font-size:25px;padding:0;line-height:1.15}.screenshot-modal-heading>span{font-family:'Nova Square';font-size:11px;color:var(--blue);white-space:nowrap}.screenshot-full{background:#e2ebf5;border-radius:15px;padding:20px;margin-top:24px;display:flex;justify-content:center}.screenshot-full img{max-height:64vh;width:auto;max-width:100%;object-fit:contain;border-radius:10px;box-shadow:0 12px 35px #13283b20}.screenshot-dialog #dialog-content>p{font-size:12px;line-height:1.7;margin-top:16px}.screenshot-modal-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px}.screenshot-modal-controls span{font-size:10px;color:var(--muted);text-align:center}.screenshot-modal-controls button{height:36px;width:36px;border:1px solid var(--line);border-radius:50%;background:none;font-size:18px}.screenshot-modal-controls button:disabled{opacity:.35}.screenshot-dialog .close{position:sticky;float:right;right:0;top:0;z-index:2;background:#f6f8fbed;border-radius:50%;margin-top:-12px;margin-right:-12px}.screenshot-dialog::backdrop{background:#0a192acf;backdrop-filter:blur(14px)}
@media(min-width:1500px){.world-step{min-height:720px}.story-frame .app-screen{height:550px}}
@media(max-width:1100px){.screen-card{flex-basis:calc((100% - 28px)/2)}.world-sequence{gap:50px}.universe-cover{padding:35px;min-height:560px}.universe-cover h2{font-size:35px}.fan-screen{width:175px}.screen-fan{height:445px}.world-step h3{font-size:33px}.world-introduction h2{font-size:43px}.chapter-screen{grid-template-columns:160px 1fr;gap:18px;padding:20px}.chapter-screen figcaption h3{font-size:22px}.gallery-heading h2{font-size:36px}}
@media(max-width:800px){.gallery-heading{display:block;margin-bottom:20px}.gallery-heading h2{font-size:33px}.gallery-heading>p{font-size:12px;margin-top:18px;max-width:100%}.screen-gallery{margin:10px 0 65px}.screen-rail{gap:18px;padding:10px 1px 22px}.screen-card{flex-basis:76%;min-width:240px;max-width:330px}.screen-open{padding:23px 20px;border-radius:17px}.app-screen{max-width:235px;border-width:5px;border-radius:23px}.screen-card figcaption{padding:18px 4px 0}.screen-card h3{font-size:24px}.rail-controls{font-size:8px;letter-spacing:.08em}.rail-hint{display:none}.gallery-dark{padding:25px}.universe-cover{grid-template-columns:1fr;padding:30px;gap:5px;margin-bottom:70px;min-height:0}.universe-cover-copy{max-width:100%}.universe-cover h2{font-size:36px}.universe-cover p{max-width:100%}.cover-facts{margin-top:28px;gap:30px}.cover-facts b{font-size:30px}.screen-fan{height:420px;width:100%;max-width:420px;margin:20px auto 0}.fan-screen{width:165px;top:20px}.fan-0{top:50px;transform:translateX(-98%) rotate(-12deg)}.fan-2{top:50px;transform:translateX(8%) rotate(12deg)}.fan-screen .app-screen{border-width:4px;border-radius:18px}.world-introduction{margin:45px auto 10px}.world-introduction h2{font-size:36px}.world-introduction>p{font-size:14px}.world-sequence{display:block;margin-bottom:60px}.world-visual{display:none}.world-step{min-height:0;padding:50px 0;scroll-margin-top:100px}.world-step:first-child{padding-top:35px}.world-step h3{font-size:33px}.world-step>p{font-size:14px}.world-step .check-list li{font-size:12px}.story-mobile-screen{display:block;max-width:330px;width:100%;margin:30px auto 0}.story-mobile-screen .screen-open{padding:25px}.universe-experience .universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-examples{margin:40px 0 65px}.editorial-examples .section-heading h2{font-size:34px}.example-grid{grid-template-columns:1fr;gap:20px}.example-card{padding:26px}.example-card h3{font-size:28px}.example-card>p{font-size:13px}.chapter-screen{grid-template-columns:1fr;padding:25px;gap:26px}.chapter-screen .screen-open{max-width:225px;margin:auto}.chapter-screen figcaption h3{font-size:26px}.chapter-screen figcaption>span{margin-top:12px}.stat-panel{grid-template-columns:1fr;padding:25px;gap:25px}.stat-panel-visual{max-width:230px;margin:auto;order:2}.stat-panel-content{order:1}.stat-panel-content .check-list{margin-top:20px}.screenshot-dialog{padding:22px;width:calc(100% - 20px)}.screenshot-modal-heading{gap:15px;padding-right:20px}.screenshot-modal-heading h2{font-size:23px}.screenshot-full{padding:12px}.screenshot-full img{max-height:62vh}.screenshot-modal-heading .eyebrow{font-size:8px;line-height:1.5}.screenshot-dialog .close{margin-top:-13px;margin-right:-15px}}
@media(max-width:520px){.universe-cover{padding:26px 23px}.universe-cover h2{font-size:32px}.universe-experience .page-intro h1{font-size:48px}.screen-fan{height:365px}.fan-screen{width:146px}.fan-0{transform:translateX(-91%) rotate(-12deg)}.fan-1{transform:translateX(-48%) rotate(2deg)}.fan-2{transform:translateX(-1%) rotate(12deg)}.universe-experience .universe-grid{grid-template-columns:1fr}.cover-facts>span{font-size:9px}.screen-card{flex-basis:86%;min-width:230px}.world-introduction h2{font-size:32px}.world-step h3{font-size:31px}.screenshot-modal-heading>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}.story-frame{transition:none;transform:none}.screen-fan{transform:none!important}.screen-open:hover{transform:none}.reading-progress{will-change:auto}}
.real-stage-art{display:flex;align-items:flex-start;justify-content:center;padding:30px 35px 0}.real-stage-art>.screen-open{width:245px;padding:0;background:none;transform:rotate(4deg)}.real-stage-art .app-screen{max-width:245px}.real-stage-art>.screen-open:hover{transform:rotate(0)}.real-stage-art .stage-badge{z-index:2}.analysis-screen>.screen-open{width:235px;padding:0;background:none;transform:rotate(3deg)}.analysis-screen .app-screen{max-width:235px}.match-device>.screen-open{padding:0;background:none;max-width:265px}.match-device .app-screen{max-width:265px}.match-device .screen-enlarge{right:-10px}.match-gallery .match-device{min-height:0}.hero-phone img{aspect-ratio:430/932;object-fit:cover}
@media(max-width:800px){.real-stage-art{height:390px;padding-top:25px}.real-stage-art>.screen-open{width:190px}.real-stage-art .app-screen{max-width:190px}.analysis-screen>.screen-open{width:210px}.analysis-screen .app-screen{max-width:210px}}
.viewer-middle{display:flex;flex-direction:column;align-items:center;gap:10px}.screenshot-modal-controls .viewer-zoom{height:auto;width:auto;padding:10px 17px;font-size:11px;border-radius:24px;background:var(--ink);color:white;border:0;white-space:nowrap}.screenshot-dialog.zoomed .screenshot-full{display:block;max-height:65vh;overflow:auto;overscroll-behavior:contain}.screenshot-dialog.zoomed .screenshot-full img{width:100%;height:auto;max-height:none;max-width:none}.example-card:only-child{grid-column:1/-1;max-width:none}.example-card:only-child>p{max-width:850px}.example-card:only-child ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.universe-cover h2{font-size:43px}.screen-gallery .screen-rail:empty{display:none}
@media(max-width:800px){.example-card:only-child ul{grid-template-columns:1fr;gap:0}.universe-cover h2{font-size:35px}.screenshot-dialog.zoomed .screenshot-full{padding:6px}}
@media(max-width:800px){.universe-cover .screen-fan{order:-1;margin:0 auto 20px}.universe-cover .universe-cover-copy{order:1}}