@font-face{font-family:PD;src:url(pamphlet-display.otf);font-weight:700}.e-story{--ink:#10283d;--accent:#2866cb;--soft:#eaf0f8;--paper:#f6f7f9}.e-story *{box-sizing:border-box}.e-story html,.e-story body{margin:0;width:100%;height:100%;overflow:hidden}.e-story body{background:#18212e;color:var(--ink);font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;word-break:keep-all;display:grid;place-items:center}.e-story button{font:inherit;cursor:pointer}.e-story button:focus-visible{outline:3px solid #d59b40;outline-offset:4px}.e-story button{touch-action:manipulation}.e-story .stage{width:var(--stage-w,1120px);height:840px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center;background:var(--paper);overflow:hidden;box-shadow:0 24px 100px #0004}.e-story .top{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid #dce3ed;background:#fff}.e-story .brand{font-family:PD,sans-serif;font-size:13px;letter-spacing:1.4px;display:flex;align-items:center;gap:12px}.e-story .brand:before{content:'W';display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--accent);color:white;font-size:18px}.e-story .top button{background:transparent;border:1px solid #d5dfea;border-radius:24px;padding:9px 18px;font-size:12px;color:var(--ink)}.e-story .top button:last-child{background:var(--ink);color:white;border-color:var(--ink)}.e-story .progress{height:3px;background:#e5ebf2}.e-story .progress i{display:block;height:100%;background:var(--accent);transition:width .45s}.e-story .viewer{height:699px;position:relative}.e-story .viewer article{height:100%;display:grid;grid-template-columns:43% 57%;padding:42px 48px 34px;gap:0;animation:enter .5s cubic-bezier(.16,1,.3,1) both}.e-story .copy{padding-right:38px;display:flex;flex-direction:column;min-width:0;position:relative}.e-story .eyebrow{color:var(--accent);font-family:PD,sans-serif;font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:12px;margin-bottom:24px}.e-story .eyebrow:before{content:'';width:28px;height:3px;background:var(--accent)}.e-story h1{font-family:PD,sans-serif;font-size:35px;line-height:1.3;letter-spacing:-1.5px;margin:0 0 22px;text-wrap:balance}.e-story .intro{font-size:16px;line-height:1.85;color:#516476;margin:0}.e-story .explain{margin-top:auto;padding:23px 0 0;border-top:1px solid #cdd8e5}.e-story .explain h2{font-family:PD,sans-serif;font-size:17px;line-height:1.45;margin:0 0 12px}.e-story .explain p{font-size:14px;line-height:1.9;color:#516476;margin:0}.e-story .visual{min-width:0;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:26px;background:linear-gradient(145deg,#e7eef7,#edf3f7 55%,#e2ecee);border-radius:32px;overflow:hidden;border:1px solid #dbe5ef}.e-story .photo{width:100%;height:100%;object-fit:cover;border-radius:23px}.e-story .photoSlide .visual{padding:0;border:0}.e-story .photoSlide .visual:after{content:'';position:absolute;inset:0;border:1px solid #ffffff44;border-radius:32px;pointer-events:none}.e-story .photoSlide .photo{border-radius:22px;height:auto;max-height:100%;object-fit:contain}.e-story .photoSlide .visual{background:linear-gradient(145deg,#dce5ef,#ecf1f6);padding:18px}.e-story .photoSlide:first-child{}.e-story .cover{background:#10283d;color:white}.e-story .cover .eyebrow{color:#9cbee8}.e-story .cover .eyebrow:before{background:#9cbee8}.e-story .cover .intro,.e-story .cover .explain p{color:#c7d5e4}.e-story .cover .explain{border-color:#496075}.e-story .cover h1{font-size:40px}.e-story .screenWrap{min-height:0;display:flex;align-items:center;justify-content:center;gap:18px;flex:1}.e-story .screen{max-width:100%;max-height:505px;object-fit:contain;box-shadow:0 16px 30px #16334b18;border-radius:15px;border:5px solid white;background:white}.e-story .screenNote{font-family:PD,sans-serif;font-size:15px;line-height:1.7;margin:20px 0 0;padding:15px 18px;border-left:3px solid var(--accent);background:#ffffffab;border-radius:0 12px 12px 0}.e-story .flow{display:flex;flex-direction:column;gap:0;width:100%;position:relative}.e-story .flow .step{position:relative;background:#fff;border:1px solid #d9e3ed;border-radius:20px;min-height:115px;padding:22px 20px 20px 95px;box-shadow:0 6px 16px #17344b05}.e-story .step .icon{position:absolute;left:24px;top:27px;width:47px;height:47px;border-radius:15px;background:var(--soft);display:grid;place-items:center;font-family:PD,sans-serif;font-size:22px;color:var(--accent)}.e-story .step b{display:block;font-family:PD,sans-serif;font-size:20px;line-height:1.5}.e-story .step small{display:block;font-size:14px;line-height:1.6;color:#627383;margin-top:4px}.e-story .arrow{height:23px;align-self:flex-start;margin-left:44px;color:var(--accent);font-size:22px;line-height:23px;transform:rotate(90deg)}.e-story .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.e-story .tile{background:#fff;padding:24px 20px;border-radius:20px;border:1px solid #dbe5ed;font-family:PD,sans-serif;font-size:23px}.e-story .tile small{display:block;font-family:'Malgun Gothic',sans-serif;font-size:14px;line-height:1.6;color:#647789;margin-top:9px}.e-story .tile .icon{font-size:28px;display:block;color:var(--accent);margin-bottom:10px}.e-story .base{background:var(--ink);color:white;border-radius:17px;padding:20px 14px;text-align:center;font-size:14px;line-height:1.65;margin-top:20px}.e-story .roleCenter{width:125px;height:125px;background:var(--accent);border:10px solid #ffffffbb;box-shadow:0 0 0 1px #c9d8e7;border-radius:50%;display:grid;place-items:center;align-self:center;margin:18px;font-family:PD,sans-serif;font-size:18px;color:white}.e-story .reportFrame{width:100%;height:530px;flex:1;min-height:0;border:0;border-radius:16px;background:#f4f3ee;box-shadow:0 15px 30px #172f3718;pointer-events:none}.e-story .reportLabel{font-family:'Malgun Gothic',sans-serif;font-size:12px;letter-spacing:1px;color:#697c81;margin:0 0 12px;flex:none}.e-story .openReport{background:var(--ink);color:white;border:0;border-radius:13px;padding:13px 18px;font-size:13px;margin-top:17px}.e-story .cardDeck{display:flex;gap:12px;justify-content:center;padding:36px 4px}.e-story .pictureCard{background:white;border:1px solid #dbe3ed;border-radius:20px;padding:30px 12px;flex:1;text-align:center;box-shadow:0 15px 25px #0f1b2e12;transform:rotate(-6deg)}.e-story .pictureCard:nth-child(2){transform:translateY(-20px) rotate(2deg)}.e-story .pictureCard:nth-child(3){transform:rotate(7deg)}.e-story .pictureCard span{font-size:58px;display:block;margin-bottom:15px}.e-story .pictureCard strong{font-family:PD,sans-serif;font-size:22px}.e-story .bigcount{font-size:68px;color:var(--accent);text-align:center;line-height:1.2;margin:30px 0}.e-story .bigcount b{font-weight:400;font-variant-numeric:tabular-nums}.e-story .bigcount small{display:block;font-size:14px;color:#536176;margin-top:14px}.e-story .levelPills{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.e-story .levelPills span{padding:20px 12px;background:white;border-radius:15px;text-align:center;font-size:16px}.e-story .miniLabel{font-size:12px;color:#536176;text-align:center;margin-top:14px}.e-story .wave{height:75px;display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:18px}.e-story .wave i{width:7px;background:var(--accent);border-radius:9px;height:var(--h);animation:wave 1.3s ease-in-out infinite alternate;animation-delay:var(--d)}.e-story .controls{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-top:1px solid #dce3ed;background:#fff}.e-story .navGroup{display:flex;align-items:center;gap:18px}.e-story .controls button{border:1px solid #ccd8e5;background:white;color:var(--ink);padding:10px 21px;border-radius:25px;font-size:13px}.e-story .controls #next{background:var(--ink);border-color:var(--ink);color:white}.e-story .controls button:disabled{opacity:.25;cursor:default}.e-story #count{font-size:13px;font-variant-numeric:tabular-nums;min-width:64px;text-align:center}.e-story .hint{font-size:11px;color:#6c7b8b}.e-story .sectionLabel{font-family:PD,sans-serif;font-size:11px;letter-spacing:1px;color:#68809b}.e-story .menu{width:min(900px,92vw);max-height:88vh;border:0;border-radius:24px;padding:28px;background:var(--paper);color:var(--ink)}.e-story dialog::backdrop{background:#10283dd9;backdrop-filter:blur(8px)}.e-story .menu h2{font-family:PD,sans-serif;font-size:23px}.e-story .menu nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:62vh;overflow:auto}.e-story .menu button{padding:12px;text-align:left;background:white;border:1px solid #d6dfeb;border-radius:12px;color:var(--ink)}.e-story .close{float:right;padding:10px 18px;margin-bottom:16px}.e-story .reportModal{border:0;padding:18px;background:#f4f3ee;width:min(810px,96vw);height:94vh;border-radius:22px}.e-story .reportModal iframe{width:100%;height:calc(100% - 62px);border:0}.e-story .reportModal .close{border:0;border-radius:20px;background:var(--ink);color:white}.e-story .reportModal h2{font-size:18px;margin:8px}.e-story .reveal{animation:rise .6s .08s ease both}.e-story .visual svg{width:100%;height:auto}.e-story .sixNetwork{position:relative}.e-story .sixNetwork .tile{min-height:126px}.e-story .sixNetwork .tile:nth-child(even){background:#faffff}.e-story .connection{height:32px;text-align:center;color:var(--accent);font-size:25px}.e-story .visual .flow.compact .step{min-height:85px;padding-top:14px;padding-bottom:14px}.e-story .visual .flow.compact .icon{top:19px}.e-story .visual .flow.compact .arrow{height:17px}.e-story .reportSlide .visual{background:#e8e9df;border-color:#dedfd4}.e-story .reportSlide .reportLabel{color:#496659}.e-story .rewardSlide .screen{max-height:480px;max-width:49%;border-width:3px}.e-story .phase{font-family:PD,sans-serif;display:block;color:var(--accent);font-size:12px;margin-bottom:12px}.e-story .balanceGraphic{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px}.e-story .balanceGraphic span{padding:18px 12px;border-radius:14px;background:white;font-size:15px}.e-story .portraitNotice{display:none}@keyframes enter{from{opacity:0;transform:translateX(var(--shift,30px))}to{opacity:1;transform:none}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes wave{to{height:14px}}@media(orientation:portrait){.e-story .portraitNotice{display:block;position:fixed;bottom:12px;left:0;right:0;text-align:center;color:#bccbdd;font-size:12px;pointer-events:none}}@media(prefers-reduced-motion:reduce){.e-story *,.e-story *::before,.e-story *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.e-story .viewer article.journey{grid-template-columns:1fr 1fr;grid-template-rows:22px 132px 260px 1fr;gap:16px 30px;padding-top:30px;padding-bottom:28px}.e-story .journey .copy,.e-story .photoSpread .copy,.e-story .closing .copy{display:contents}.e-story .journey .eyebrow{grid-column:1/-1;grid-row:1;margin:0}.e-story .journey h1{grid-column:1;grid-row:2;font-size:32px;margin:0;align-self:center}.e-story .journey .intro{grid-column:2;grid-row:2;align-self:center;padding-left:24px;border-left:2px solid #b4c9df}.e-story .journey .visual{grid-column:1/-1;grid-row:3;padding:22px 26px;height:260px;border-radius:23px}.e-story .journey .explain{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:28% 1fr;gap:24px;align-items:center;margin:0;padding-top:16px}.e-story .journey .explain h2{margin:0}.e-story .journey .explain p{font-size:14px;line-height:1.8}.e-story .journey .flow{flex-direction:row;gap:12px}.e-story .journey .step{flex:1;padding:24px 18px;min-width:0;text-align:center;min-height:180px}.e-story .journey .step .icon{position:static;margin:0 auto 10px}.e-story .journey .arrow{margin:0;align-self:center;transform:none}.e-story .journey .step b{font-size:21px}.e-story .journey .step small{font-size:14px}.e-story .viewer article.paperGallery{grid-template-columns:59% 41%;gap:0;background:#eeeee7}.e-story .paperGallery .visual{grid-column:1;grid-row:1;margin-right:34px;background:#dfe5da;padding:18px 23px;border:0;box-shadow:inset 0 0 0 1px #ced9ce}.e-story .paperGallery .copy{grid-column:2;grid-row:1;padding:12px 0 8px 4px}.e-story .paperGallery h1{font-size:32px}.e-story .paperGallery .eyebrow{color:#469d82}.e-story .paperGallery .eyebrow:before{background:#469d82}.e-story .paperGallery .reportLabel{letter-spacing:2px}.e-story .paperGallery .explain{border-color:#bccdc4}.e-story .viewer article.appShowcase{grid-template-columns:56% 44%;background:#edf2f9}.e-story .appShowcase .visual{grid-row:1;grid-column:1;margin-right:34px;padding:32px;background:linear-gradient(150deg,#d3e2f6,#e3eff0);border-radius:38px 38px 14px 38px}.e-story .appShowcase .copy{grid-row:1;grid-column:2;padding:12px 0 12px 0}.e-story .appShowcase h1{font-size:33px}.e-story .appShowcase .screen{max-height:470px;border-width:7px;border-radius:18px;box-shadow:0 22px 38px #183b6129}.e-story .appShowcase .screenNote{background:transparent;border:0;padding:0;margin-top:20px;font-size:16px}.e-story .viewer article.photoSpread{grid-template-columns:35% 29% 36%;grid-template-rows:20px 290px 1fr;gap:18px 0;padding:27px 48px 30px}.e-story .photoSpread .eyebrow{grid-column:1/-1;grid-row:1;margin:0}.e-story .photoSpread .visual{grid-column:1/-1;grid-row:2;padding:0;height:290px;border-radius:20px;background:#dce4eb}.e-story .photoSpread .photo{height:100%;width:100%;object-fit:contain;border-radius:0}.e-story .photoSpread h1{grid-column:1;grid-row:3;font-size:30px;margin:12px 20px 0 0;align-self:start}.e-story .photoSpread .intro{grid-column:2;grid-row:3;font-size:15px;margin:16px 25px 0 10px}.e-story .photoSpread .explain{grid-column:3;grid-row:3;margin:14px 0 0;padding:0 0 0 24px;border-top:0;border-left:1px solid #c3d1df;align-self:start}.e-story .photoSpread .explain h2{font-size:16px}.e-story .photoSpread .explain p{font-size:13px;line-height:1.85}.e-story .viewer article.opening{grid-template-columns:45% 55%;padding:0;background:#10283d;position:relative}.e-story .opening .copy{padding:42px 18px 34px 48px;z-index:1}.e-story .opening h1{font-size:43px;line-height:1.28;letter-spacing:-2px}.e-story .opening .intro{font-size:17px}.e-story .opening .explain{margin-right:24px;padding-top:18px}.e-story .opening .explain h2{font-size:17px}.e-story .opening .explain p{font-size:14px}.e-story .opening .visual{border-radius:0;padding:0 24px;background:#193950;position:relative}.e-story .opening .visual:before{content:'ONE WAY';font-family:PD,sans-serif;position:absolute;top:22px;left:22px;font-size:65px;color:#ffffff0d;letter-spacing:-4px}.e-story .opening .photo{border-radius:28px;box-shadow:0 30px 70px #0004;width:100%;height:auto;object-fit:contain}.e-story .opening .visual:after{border:0;border-radius:0}.e-story .viewer article.closing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:28px 160px 80px 1fr;gap:12px 40px;background:#10283d;color:white;padding:32px 55px}.e-story .closing .eyebrow{grid-column:1/-1;grid-row:1;justify-content:center;margin:0}.e-story .closing h1{grid-column:1/-1;grid-row:2;text-align:center;font-size:42px;line-height:1.23;margin:0}.e-story .closing .intro{grid-column:1/-1;grid-row:3;text-align:center;max-width:720px;justify-self:center;color:#c7d5e4}.e-story .closing .visual{grid-column:1;grid-row:4;background:transparent;border:0;border-radius:0;padding:0;height:100%}.e-story .closing .explain{grid-column:2;grid-row:4;align-self:center;margin:0;padding:28px;border:1px solid #486178;border-radius:24px}.e-story .closing .flow .step{padding:10px 15px 10px 65px;min-height:65px;background:#19374e;border:0;color:white}.e-story .closing .step .icon{top:12px;left:15px;width:37px;height:37px;font-size:17px;background:#284c68;color:#c2daed}.e-story .closing .step b{font-size:17px}.e-story .closing .step small{font-size:12px;color:#bdd1e1}.e-story .closing .arrow{height:12px;line-height:12px;font-size:17px;margin-left:28px;color:#8cadce}.e-story .viewer article.feature{background:#f4f2eb}.e-story .feature .visual{background:linear-gradient(145deg,#e9e6d8,#f5f2e9);border-color:#e0ddcf}.e-story .feature .eyebrow{color:#847031}.e-story .feature .eyebrow:before{background:#ac9250}.e-story .feature .bigcount{color:#8b7135}.e-story .feature .explain{border-color:#d5cfbe}.e-story .step .icon svg{width:31px;height:31px}.e-story .flow .step{animation:stepIn .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--order,0)*.22s + .15s)}.e-story .flow .step .icon svg{stroke-dasharray:260;stroke-dashoffset:260;animation:inkDraw 1.15s ease forwards;animation-delay:calc(var(--order,0)*.22s + .3s)}.e-story .flow .arrow{animation:connectIn .4s ease both;animation-delay:calc(var(--order,0)*.22s + .45s)}.e-story .network{height:430px;position:relative;width:100%;flex:none}.e-story .networkLines{position:absolute;inset:0;width:100%;height:100%!important;overflow:visible}.e-story .trace{fill:none;stroke:#7a9fc5;stroke-width:2;stroke-dasharray:800;stroke-dashoffset:800;animation:inkDraw 1.6s .3s ease forwards}.e-story .networkCore{position:absolute;width:122px;height:122px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--ink);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;border:8px solid #eff5fa;box-shadow:0 0 0 1px #bbcedf;animation:coreIn .8s ease both}.e-story .networkCore b{font-family:PD,sans-serif;font-size:14px;text-align:center;line-height:1.6}.e-story .networkCore svg{width:32px;height:32px}.e-story .networkNode{position:absolute;width:43%;height:150px;background:#fff;border:1px solid #d4e0eb;border-radius:22px;padding:18px;text-align:center;box-shadow:0 8px 18px #153f5a08;animation:stepIn .6s ease both;animation-delay:calc(var(--order)*.18s + .15s)}.e-story .node0{left:0;top:0}.e-story .node1{right:0;top:0}.e-story .node2{left:0;bottom:0}.e-story .node3{right:0;bottom:0}.e-story .nodeIcon{display:block;width:37px;height:37px;margin:0 auto 8px;color:var(--accent)}.e-story .nodeIcon svg{width:100%;height:100%}.e-story .networkNode b{display:block;font-family:PD,sans-serif;font-size:19px}.e-story .networkNode small{display:block;font-size:12px;color:#617789;margin-top:6px}.e-story .connectedBase{animation:stepIn .5s .95s both}.e-story .screenWrap{animation:screenIn .75s cubic-bezier(.16,1,.3,1) both}.e-story .screenNote{animation:stepIn .6s .4s both}.e-story .photoSlide .photo{animation:photoIn 1s cubic-bezier(.16,1,.3,1) both}.e-story .grid .tile,.e-story .levelPills span{animation:stepIn .6s both;animation-delay:calc(var(--order,0)*.12s)}.e-story .grid .tile:nth-child(2),.e-story .levelPills span:nth-child(2){--order:1}.e-story .grid .tile:nth-child(3),.e-story .levelPills span:nth-child(3){--order:2}.e-story .grid .tile:nth-child(4),.e-story .levelPills span:nth-child(4){--order:3}.e-story .levelPills span:nth-child(5){--order:4}.e-story .levelPills span:nth-child(6){--order:5}.e-story .pictureCard{animation:cardIn .9s ease both}.e-story .pictureCard:nth-child(2){animation-delay:.15s}.e-story .pictureCard:nth-child(3){animation-delay:.3s}.e-story .balanceGraphic{animation:stepIn .7s .4s both}.e-story .explain{animation:stepIn .6s .18s both}@keyframes stepIn{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes inkDraw{to{stroke-dashoffset:0}}@keyframes connectIn{from{opacity:0}to{opacity:1}}@keyframes coreIn{from{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes screenIn{from{opacity:0;translate:0 18px;scale:.96}to{opacity:1;translate:0 0;scale:1}}@keyframes photoIn{from{opacity:0;scale:1.04}to{opacity:1;scale:1}}@keyframes cardIn{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.e-story *,.e-story *::before,.e-story *::after{animation:none!important;transition:none!important}.e-story .trace,.e-story .step .icon svg{stroke-dashoffset:0!important}}.e-story .actualScreens{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:100%}.e-story .actualScreen{min-width:0;flex:1;background:#fff;padding:9px;border-radius:19px;box-shadow:0 20px 35px #132f541c;animation:screenIn .65s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--order)*.23s + .14s)}.e-story .actualScreen img{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:10px}.e-story .doubleScreen .actualScreen:first-child{flex:1.5}.e-story .doubleScreen .actualScreen:nth-child(2){flex:.95}.e-story .doubleScreen .actualScreen img{height:438px}.e-story .screenTakeaway{position:absolute;bottom:25px;right:38px;background:#132c4a;color:white;border-radius:16px;padding:11px 16px;box-shadow:0 10px 25px #10283d29}.e-story .screenTakeaway b{font-size:27px;font-weight:400;margin-right:6px}.e-story .screenTakeaway span{font-size:12px}.e-story .doubleScreen{padding-bottom:28px}.e-story .tripleScreen{align-items:flex-start;gap:10px}.e-story .tripleScreen .actualScreen{position:relative;padding:9px 7px 7px;margin-top:22px}.e-story .tripleScreen .actualScreen img{height:445px}.e-story .screenStep{display:block;font-family:PD,sans-serif;font-size:12px;color:#2866cb;padding:4px 6px 10px}.e-story .staffScreen{width:100%;height:100%;display:grid;place-items:center}.e-story .staffScreen img{width:100%;max-height:100%;object-fit:contain;box-shadow:0 18px 38px #1330501d;border:8px solid white;border-radius:18px;animation:screenIn .7s ease both}.e-story .viewer article.recordScreens,.e-story .viewer article.cardScreens{background:#f4f2eb}.e-story .viewer article.cardScreens .visual,.e-story .viewer article.recordScreens .visual{background:linear-gradient(145deg,#e9e6d8,#f5f2e9)}@media(prefers-reduced-motion:reduce){.e-story .actualScreen,.e-story .staffScreen img{animation:none!important}}.e-story .recordStage{display:grid;grid-template-columns:128px 1fr;gap:18px;align-items:center;width:100%;height:100%}.e-story .recordTabs{display:flex;flex-direction:column;gap:11px}.e-story .recordTabs button{background:#fff;color:#294967;border:1px solid #d3dde7;padding:15px 10px;border-radius:16px;display:flex;gap:10px;align-items:center;font-family:PD,sans-serif;font-size:15px;text-align:left}.e-story .recordTabs button span{font-size:12px;color:#7a90a6}.e-story .recordTabs button[aria-selected="true"]{background:#132e4b;color:#fff;border-color:#132e4b;box-shadow:0 8px 20px #122f4b2b}.e-story .recordTabs button[aria-selected="true"] span{color:#9ebbd8}.e-story .recordScreenFrame{height:100%;min-height:0;display:grid;place-items:center;background:#fff;border:8px solid #fff;border-radius:19px;box-shadow:0 16px 32px #162c4721;overflow:hidden}.e-story .recordFocus{max-height:100%;max-width:100%;object-fit:contain;display:block}.e-story .recordFocus.changing{animation:screenIn .42s ease both}.e-story .staffEvidence{height:100%;width:100%;display:grid;grid-template-rows:170px 1fr;gap:17px;min-height:0}.e-story .staffEvidenceHead,.e-story .staffEvidenceLog{background:#fff;border:1px solid #dce3ed;border-radius:20px;padding:12px 17px;overflow:hidden;display:flex;flex-direction:column;min-height:0;box-shadow:0 12px 23px #1b3a5512}.e-story .staffEvidence span{font-family:PD,sans-serif;font-size:14px;color:#334e68;line-height:1.5;margin-bottom:5px}.e-story .staffEvidence img{width:100%;height:calc(100% - 22px);object-fit:contain;object-position:center;display:block}.e-story .staffFocusNote{font-size:13px;line-height:1.55;color:#334e68;background:#f2f7fb;border-radius:9px;padding:8px 10px;margin:6px 0 0}.e-story .staffFocusNote strong{color:#2866cb;margin-right:5px}.e-story .staffEvidenceLog img{height:calc(100% - 88px)}.e-story .staffEvidenceHead{animation:screenIn .6s .08s both}.e-story .staffEvidenceLog{animation:screenIn .6s .26s both}@media(prefers-reduced-motion:reduce){.e-story .recordFocus.changing,.e-story .staffEvidenceHead,.e-story .staffEvidenceLog{animation:none!important}}.e-story .viewer article.pronFocus{grid-template-columns:34% 66%}.e-story .pronFocus .copy{padding-right:22px}.e-story .pronFocus h1{font-size:31px}.e-story .pronFocus .visual{margin-right:0;padding:24px}.e-story .pronFocus .staffEvidence{grid-template-rows:165px 1fr}.e-story .pronFocus .staffEvidenceLog img{object-position:center;width:100%}.e-story .viewer article.pronFocus{grid-template-columns:62% 38%}.e-story .pronFocus .copy{padding-right:12px}.e-story .pronFocus h1{font-size:29px}.e-story .pronFocus .intro{font-size:15px}.e-story .pronFocus .explain p{font-size:13px}.e-story .pronFocus .visual{margin-right:30px;padding:24px}.e-story .pronFocus .staffEvidence{grid-template-rows:172px 1fr}.e-story .pronFocus .staffEvidenceHead img{width:100%;object-fit:contain}.e-story .pronFocus .staffEvidenceLog{padding:17px 20px}.e-story .staffRows{display:flex;flex-direction:column;gap:0;flex:1}.e-story .staffRow{display:grid;grid-template-columns:92px 1fr;gap:8px;align-items:start;padding:18px 0;border-bottom:1px solid #dce7ef;color:#233f58}.e-story .staffRow:last-child{border-bottom:0}.e-story .staffRow b{font-family:PD,sans-serif;font-size:16px;white-space:nowrap}.e-story .staffRow p{font-family:'Malgun Gothic',sans-serif;font-size:15px;line-height:1.55;margin:0;overflow-wrap:anywhere}.e-story .viewer article.diagnosticLayout{grid-template-columns:40% 60%;background:#f4f7f5}.e-story .diagnosticLayout .visual{background:#e6f0e9;border:0;padding:28px}.e-story .diagnosticBoard{height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:22px;color:#153b2d}.e-story .diagnosticBoard .dbTop{background:#fff;border-radius:20px;padding:25px 30px;font:700 25px PD,sans-serif;box-shadow:0 12px 28px #16382c12}.e-story .diagnosticBoard .dbMeter{display:grid;align-content:center;gap:18px;background:#fff;border-radius:25px;padding:26px 30px}.e-story .dbMeter .dbLine{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:22px;font:700 18px PD,sans-serif}.e-story .dbLine i{height:20px;border-radius:20px;background:#e8efea;position:relative;display:block;overflow:hidden}.e-story .dbLine i:before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--fill);border-radius:20px;background:#70a889;animation:meterIn .9s .18s ease both;transform-origin:left}.e-story .dbLine.focus i:before{background:#d6a74e}.e-story .diagnosticBoard .dbResult{background:#173e30;color:white;border-radius:22px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;font:700 24px PD,sans-serif}.e-story .dbResult strong{font-size:32px;color:#fae2a1}@keyframes meterIn{from{scale:0 1}to{scale:1 1}}.e-story .viewer article.fourLinkLayout{display:grid;grid-template-columns:35% 65%;background:#ecf2ef}.e-story .fourLinkLayout .copy{padding-right:22px}.e-story .fourLinkLayout h1{font-size:31px}.e-story .fourLinkLayout .visual{background:#e0ebe3;border:0;padding:25px}.e-story .fourMap{height:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:18px;padding:28px}.e-story .fourMap:before,.e-story .fourMap:after{content:'';position:absolute;background:#9abdac;z-index:0}.e-story .fourMap:before{width:2px;top:15%;bottom:15%;left:50%}.e-story .fourMap:after{height:2px;left:15%;right:15%;top:50%}.e-story .fourMap .fmCard{position:relative;z-index:1;background:#fff;border:1px solid #d5e4da;border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 14px 25px #1a4b3210;animation:stepIn .55s ease both;animation-delay:calc(var(--order)*.13s)}.e-story .fmCard b{font:700 32px PD,sans-serif;color:#0f6547}.e-story .fmCard span{font-size:16px;line-height:1.6;color:#5a7569;margin-top:12px}.e-story .fourMap .fmCore{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);background:#14533b;border:8px solid #e0ebe3;color:#fff;border-radius:50%;width:132px;height:132px;display:grid;place-items:center;text-align:center;font:700 19px/1.35 PD,sans-serif;box-shadow:0 0 0 1px #9abdac}.e-story .viewer article.staircaseLayout{grid-template-columns:45% 55%;background:#f6f3ec}.e-story .staircaseLayout .visual{background:#eee8d9;border:0;padding:30px}.e-story .startSteps{height:100%;display:flex;align-items:end;gap:17px;padding:35px 0 55px;position:relative}.e-story .startSteps .startStep{flex:1;background:#fff;border:1px solid #d9d2bf;border-radius:22px 22px 10px 10px;padding:20px 15px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 22px #4a402013;animation:stepIn .6s ease both;animation-delay:calc(var(--order)*.16s)}.e-story .startStep:nth-child(1){height:45%}.e-story .startStep:nth-child(2){height:65%}.e-story .startStep:nth-child(3){height:85%}.e-story .startStep em{font:700 13px PD,sans-serif;color:#a2803d;font-style:normal}.e-story .startStep b{font:700 25px PD,sans-serif;color:#344b3c}.e-story .startStep small{font-size:13px;line-height:1.5;color:#68796c}.e-story .startSteps .stepsNote{position:absolute;bottom:0;left:0;right:0;text-align:center;font:700 17px PD,sans-serif;color:#8b6d32}.e-story .viewer article.practiceLayout{grid-template-columns:36% 64%;background:#edf3f9}.e-story .practiceLayout .copy{padding-right:25px}.e-story .practiceLayout h1{font-size:31px}.e-story .practiceLayout .visual{background:#dbe8f8;padding:21px}.e-story .practiceEvidence{height:100%;display:grid;grid-template-columns:1fr 150px;gap:14px;min-height:0}.e-story .practiceEvidence .peScreen{min-height:0;background:#fff;border:8px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 35px #173f6920;display:grid;place-items:center}.e-story .peScreen img{max-width:100%;max-height:100%;object-fit:contain}.e-story .practiceEvidence .peRail{display:flex;flex-direction:column;justify-content:center;gap:13px}.e-story .peRail span{background:#fff;border-radius:16px;padding:17px 10px;text-align:center;font:700 16px PD,sans-serif;color:#245a9d;box-shadow:0 6px 12px #173f6910}.e-story .viewer article.teacherLayout{grid-template-columns:58% 42%;background:#f5f1e9}.e-story .teacherLayout .visual{grid-column:1;grid-row:1;margin-right:30px;padding:0;border:0;background:#d8d3ca}.e-story .teacherLayout .copy{grid-column:2;grid-row:1;padding:13px 0 8px 8px}.e-story .teacherLayout h1{font-size:31px}.e-story .teacherLayout .photo{width:100%;height:100%;object-fit:cover;border-radius:28px;animation:photoIn .8s ease both}.e-story .teacherLayout .explain{border-color:#d7cec0}.e-story .viewer article.comparisonLayout{grid-template-columns:38% 62%;background:#f4f6f3}.e-story .comparisonLayout .visual{padding:22px;background:#e7eee8}.e-story .twoWays{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:17px}.e-story .twoWays .way{background:#fff;border-radius:24px;padding:28px 22px;display:flex;flex-direction:column;box-shadow:0 12px 28px #173f3212}.e-story .way b{font:700 25px PD,sans-serif}.e-story .way .wayBars{margin:auto 0;display:flex;flex-direction:column;gap:16px}.e-story .wayBars i{display:block;height:25px;background:#d8e0dd;border-radius:20px;width:var(--w)}.e-story .way.need{background:#155c42;color:white}.e-story .way.need .wayBars i{background:#e3bf6c}.e-story .way.need .wayBars i:nth-child(2){background:#7bc7a0}.e-story .way small{font-size:15px;line-height:1.7;color:#62756d}.e-story .way.need small{color:#d5eee0}.e-story .viewer article.paperPairLayout{grid-template-columns:31% 69%;background:#f0f0e8}.e-story .paperPairLayout .copy{padding-right:21px}.e-story .paperPairLayout h1{font-size:30px}.e-story .paperPairLayout .visual{background:#dfe4d9;padding:20px;border:0}.e-story .paperPair{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}.e-story .paperPair .paperSide{display:flex;flex-direction:column;min-width:0;min-height:0;gap:8px}.e-story .paperSide label{font:700 15px PD,sans-serif;color:#49604b}.e-story .paperSide .sheet{flex:1;min-height:0;background:#fff;border:8px solid #fff;box-shadow:0 13px 24px #1c31231d;border-radius:12px;overflow:hidden}.e-story .paperSide .sheet img{height:100%;width:100%;object-fit:contain;display:block}.e-story .blankPaper{padding:20px;background:#fff;height:100%;font:700 12px PD,sans-serif;color:#243a2e}.e-story .blankPaper h4{margin:0 0 12px;font-size:19px}.e-story .blankPaper .blankHead{display:grid;grid-template-columns:repeat(4,1fr);background:#eaf0eb;padding:8px 2px;text-align:center}.e-story .blankPaper .blankRow{height:35px;border-bottom:1px solid #dbe4dd;display:grid;grid-template-columns:repeat(4,1fr)}.e-story .blankRow i{border-right:1px solid #e0e6df}.e-story .blankRow i:last-child{border:0}.e-story .viewer article.gradedLayout{grid-template-columns:35% 65%;background:#f1f3ef}.e-story .gradedLayout .copy{padding-right:24px}.e-story .gradedLayout .visual{padding:20px;background:#e3eae2}.e-story .gradedEvidence{height:100%;display:grid;grid-template-rows:1fr auto;gap:10px;min-height:0}.e-story .gradedEvidence img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border:8px solid white;border-radius:16px;background:white;box-shadow:0 14px 26px #1c31231a}.e-story .gradedEvidence small{font:700 15px PD,sans-serif;color:#426447;text-align:center}.e-story .viewer article.appShowcase.reverse{grid-template-columns:43% 57%}.e-story .appShowcase.reverse .copy{grid-column:1;grid-row:1;padding-right:28px}.e-story .appShowcase.reverse .visual{grid-column:2;grid-row:1;margin-right:0;margin-left:15px}.e-story .viewer article.paperGallery.reverse{grid-template-columns:42% 58%}.e-story .paperGallery.reverse .copy{grid-column:1;grid-row:1;padding-right:28px}.e-story .paperGallery.reverse .visual{grid-column:2;grid-row:1;margin-right:0;margin-left:20px}.e-story .rewardSlide .visual{padding:20px}.e-story .rewardPair{display:flex;align-items:center;justify-content:center;gap:12px;height:100%;width:100%}.e-story .rewardPhone{width:calc(50% - 6px);height:94%;background:#fff;border:7px solid #fff;border-radius:18px;box-shadow:0 17px 32px #17334e18;display:grid;place-items:center;overflow:hidden}.e-story .rewardPhone img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;display:block;border:0;border-radius:0}@media(prefers-reduced-motion:reduce){.e-story .dbLine i:before,.e-story .fmCard,.e-story .startStep,.e-story .teacherLayout .photo{animation:none!important}}.e-story .controls{position:relative}.e-story .controls .navGroup #autoToggle{border-color:#bed0e5;color:#174d89;background:#edf4fb;min-width:105px}.e-story .controls .navGroup #autoToggle[aria-pressed="true"]{background:#235fa9;border-color:#235fa9;color:white}.e-story .autoRemain{position:absolute;left:0;right:0;bottom:0;height:3px;background:#dce6ef;pointer-events:none;opacity:0;transition:opacity .2s}.e-story .autoRemain.on{opacity:1}.e-story .autoRemain i{display:block;height:100%;width:100%;background:#5c9be5;transform:scaleX(1);transform-origin:left center;will-change:transform}@media(prefers-reduced-motion:reduce){.e-story .autoRemain{transition:none}.e-story .autoRemain i{transition:none}}.e-story .viewer article.photoSpread{grid-template-rows:20px minmax(0,1fr) auto;row-gap:14px}.e-story .photoSpread .visual{height:100%;min-height:0;isolation:isolate;background:#d8e2e9}.e-story .photoSpread .photoBackdrop{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(18px) brightness(.74);opacity:.85;z-index:0}.e-story .photoSpread .photo{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 10px 32px #102b4155;animation:photoIn .75s ease both}.e-story .photoSpread h1,.e-story .photoSpread .intro,.e-story .photoSpread .explain{margin-top:0}.e-story .photoSpread .explain{align-self:stretch}.e-story .viewer article.pronFocus{grid-template-columns:60% 40%}.e-story .pronFocus .visual{margin-right:0;padding:18px 22px}.e-story .pronFocus .staffEvidence{grid-template-rows:158px minmax(0,1fr);gap:12px}.e-story .pronFocus .staffEvidenceHead,.e-story .pronFocus .staffEvidenceLog{min-width:0;max-width:100%;overflow:hidden;padding:13px 16px}.e-story .pronTopCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;flex:1}.e-story .pronCard{border:1px solid #d9e2ec;border-radius:13px;padding:10px 9px;display:flex;flex-direction:column;min-width:0;justify-content:center;background:#fff}.e-story .pronCard small{font:700 12px PD,sans-serif;color:#718396;white-space:nowrap}.e-story .pronCard b{font:700 23px PD,sans-serif;color:#1b3651;white-space:nowrap;margin:3px 0}.e-story .pronCard span{font-size:12px;color:#647485;white-space:nowrap}.e-story .pronFocus .staffRows{min-height:0}.e-story .pronFocus .staffRow{grid-template-columns:84px minmax(0,1fr);padding:11px 0;gap:8px}.e-story .pronFocus .staffRow b{font-size:14px}.e-story .pronFocus .staffRow p{font-size:13px;line-height:1.45}.e-story .viewer article.gradedLayout .visual{padding:19px 31px 19px 19px;min-width:0}.e-story .gradedLayout .gradedEvidence{min-width:0;max-width:100%;padding:4px}.e-story .gradedLayout .gradedEvidence img{display:block;width:100%;max-width:100%;min-width:0;height:100%;object-fit:contain;object-position:center;box-sizing:border-box}.e-story .viewer article.rewardSlide .visual{padding:24px 36px 24px 20px}.e-story .rewardSlide .rewardPair{gap:14px;padding:0 4px;min-width:0}.e-story .rewardSlide .rewardPhone{flex:1 1 0;min-width:0;width:auto;height:92%}.e-story .rewardSlide .rewardPhone img{width:100%;height:100%;object-fit:contain}@media(prefers-reduced-motion:reduce){.e-story .photoSpread .photo{animation:none!important}}.e-story .eaPaperEvidence{height:100%;width:100%;display:grid;grid-template-columns:43% 57%;gap:13px;min-height:0}.e-story .eaCorrections{height:100%;display:flex;flex-direction:column;gap:8px;background:#fcfdfb;border-radius:16px;padding:18px 15px;min-height:0}.e-story .eaCorrectionHead{display:flex;flex-direction:column;gap:5px;margin-bottom:6px;color:#245b46}.e-story .eaCorrectionHead small{font:700 12px PD,sans-serif;color:#6a9279}.e-story .eaCorrectionHead b{font:700 20px PD,sans-serif}.e-story .eaCorrection{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;background:#ecf3e9;border-radius:11px;padding:10px 12px;animation:stepIn .45s calc(var(--order)*.1s) both}.e-story .eaCorrection>span{font:700 12px PD,sans-serif;color:#859d8b}.e-story .eaCorrection b{font:700 17px PD,sans-serif;color:#1d3f34}.e-story .eaCorrection strong{font:700 15px PD,sans-serif;color:#b54e46}.e-story .eaCorrection em{grid-column:2/-1;font:500 10px PD,sans-serif;color:#768879;font-style:normal}.e-story .eaCorrections p{margin:auto 0 0;font:500 12px/1.55 PD,sans-serif;color:#4d6d58}.e-story .eaGradedSheet{min-width:0;min-height:0;margin:0;background:#fff;border-radius:14px;padding:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 22px #28402f1e}.e-story .eaGradedSheet img{display:block;width:100%;max-height:calc(100% - 30px);object-fit:contain}.e-story .eaGradedSheet figcaption{font:700 11px PD,sans-serif;color:#39725a;text-align:center}.e-story .eaPractice{height:100%;width:100%;display:flex;flex-direction:column;gap:16px}.e-story .eaNextRange{background:#2f6fe4;color:#fff;border-radius:26px;padding:34px 37px;box-shadow:0 16px 26px #2f6fe43d;display:flex;flex-direction:column;gap:11px;flex:1}.e-story .eaNextRange small{font:700 16px PD,sans-serif;color:#d5e7ff}.e-story .eaNextRange strong{font:700 65px PD,sans-serif;letter-spacing:-2px;line-height:1.1}.e-story .eaNextRange span{font:700 20px PD,sans-serif;color:#e5f0ff}.e-story .eaNextRange b{font:700 18px PD,sans-serif;background:#ffffff31;border-radius:99px;padding:12px 20px;align-self:flex-start;margin-top:auto}.e-story .eaEarlier{background:#eaf1ff;border-radius:19px;padding:20px 24px;display:flex;align-items:center;gap:10px;color:#2356aa;flex-wrap:wrap}.e-story .eaEarlier strong{font:700 18px PD,sans-serif;width:100%}.e-story .eaEarlier span{font:700 15px PD,sans-serif;background:#fff;border-radius:99px;padding:8px 14px}.e-story .eaPracticeRail{display:flex;gap:10px;align-items:center;justify-content:center;font:700 14px PD,sans-serif;color:#4c729d}.e-story .eaPracticeRail i{font-style:normal;color:#9fb9d5}.e-story .eaAnswerCards{height:100%;width:100%;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:11px}.e-story .eaAnswerCard{min-height:0;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;background:#f8fafc;border:1px solid #dbe3ec;border-radius:18px;padding:14px 18px;animation:stepIn .5s calc(var(--order)*.1s) both}.e-story .eaAnswerNumber{font:700 29px PD,sans-serif;color:#91a3ba}.e-story .eaAnswerCard div{display:flex;flex-direction:column;gap:5px;min-width:0}.e-story .eaAnswerCard div b{font:700 24px PD,sans-serif;color:#1b2d44}.e-story .eaAnswerCard div small{font:500 15px PD,sans-serif;color:#63758c}.e-story .eaAnswerCard em{font:700 13px PD,sans-serif;font-style:normal;border-radius:99px;padding:10px 13px;white-space:nowrap}.e-story .eaAnswerCard em strong{font-size:17px}.e-story .eaAnswerCard em.wrong{background:#fae8e6;color:#b84d3d}.e-story .eaAnswerCard em.blank{background:#e9edf2;color:#8594a7}@media(prefers-reduced-motion:reduce){.e-story .eaCorrection,.e-story .eaAnswerCard{animation:none!important}}