.creative-scene{position:relative;isolation:isolate;padding:80px 0;overflow:clip;text-align:center}.creative-scene[data-motion=true]{height:100svh;min-height:620px;padding:0}.creative-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#f9f7fdea 0,#faf8fbb8 42%,transparent 75%);pointer-events:none}.creative-heading{position:absolute;left:50%;top:10%;width:85%;transform:translate(-50%);text-align:center}.creative-heading .chapter-label{color:#877a96}.creative-heading h2{font:500 clamp(39px,4vw,63px)/1.03 var(--font-display);letter-spacing:-.05em;margin:20px 0 13px;color:#2a2335}.creative-heading h2 em{font-style:normal;color:#9381ad}.creative-heading p{font-size:13px;line-height:1.7;color:#867990}.creative-stage{position:absolute;left:50%;top:33%;width:min(660px,64vw);height:min(42svh,410px);transform:translate(-50%);perspective:1800px}.creative-board{position:absolute;inset:0;border:1px solid #fffe;border-radius:21px;background:#fffefb;box-shadow:inset 0 0 0 1px #9b86b316,0 2px #beb3cc70,0 12px 30px -12px #57436440,0 40px 80px -35px #6d4f7f60;overflow:hidden;transform-origin:center;will-change:transform}.creative-board-art{height:calc(100% - 85px);overflow:hidden}.creative-board-caption{height:85px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;text-align:left;background:linear-gradient(110deg,#fff,#fcfafd);border-top:1px solid #8a6e9b17}.creative-board-caption>div>span{font:8px var(--font-mono);color:#94829f;letter-spacing:.08em}.creative-board-caption strong{display:block;margin-top:7px;font:500 26px var(--font-display);letter-spacing:-.045em;color:#3b2e4a}.creative-board-index{font:400 36px var(--font-display);letter-spacing:-.055em;color:#d4c9df}.creative-audio,.creative-research,.creative-editor,.creative-note{height:100%;padding:25px 29px;display:flex;flex-direction:column;text-align:left}.creative-audio{background:linear-gradient(125deg,#fafdfd,#e8f1f4);color:#385567}.creative-art-meta{display:flex;align-items:center;gap:9px;font:8px var(--font-mono);letter-spacing:.08em;color:#76939f}.creative-art-meta>span:last-child{margin-left:auto}.creative-wave{display:flex;align-items:center;justify-content:center;gap:5px;height:75px;margin:16px 0}.creative-wave i{width:4px;border-radius:4px;background:linear-gradient(#9dc8d5,#4c8498)}.creative-transcript>span{font:8px var(--font-mono);letter-spacing:.08em;color:#8aa0a9}.creative-transcript>p{font:400 24px/1.23 var(--font-display);letter-spacing:-.035em;margin-top:9px;max-width:485px}.creative-art-foot{margin-top:auto;padding-top:15px;display:flex;align-items:center;gap:8px;font:10px var(--font-sans);color:#7f969f}.creative-art-foot>span:last-child,.creative-art-foot>svg:last-child{margin-left:auto}.creative-research{background:linear-gradient(125deg,#f6f4fd,#e5ddf3);color:#453754}.creative-research .creative-art-meta{color:#9986af}.creative-research>strong,.creative-note>strong{display:block;font:500 54px/1.01 var(--font-display);letter-spacing:-.055em;margin-top:24px}.creative-research>strong>em{color:#9276ad;font-style:normal}.creative-source-strip{display:flex;align-items:center;gap:14px;margin-top:22px}.creative-source-strip>span{font:8px var(--font-mono);color:#ab99bd}.creative-source-strip b{display:block;font:400 12px var(--font-sans);color:#705d82;margin-top:6px}.creative-source-strip>i{height:1px;background:#b4a0c342;flex:1}.creative-research .creative-art-foot{color:#9783a8}.creative-editor{background:linear-gradient(120deg,#322c3f,#211d2c);color:#dfd7ed}.creative-editor .creative-art-meta{color:#a293b4;border-bottom:1px solid #d4c4e01c;padding-bottom:14px}.creative-editor .creative-art-meta>span:first-child{display:flex;align-items:center;gap:8px}.creative-editor .creative-art-meta i{width:5px;height:5px;border-radius:50%;background:#b9a1d5}.creative-editor pre{font:12px/1.85 var(--font-mono);margin-top:21px}.creative-editor pre>span{color:#746980}.creative-editor pre>em{color:#b99dde;font-style:normal}.creative-terminal{border-top:1px solid #d4c4e018;margin-top:auto;padding-top:15px;position:relative}.creative-terminal>span{font:7px var(--font-mono);letter-spacing:.1em;color:#7f718f}.creative-terminal>p{font:10px/1.8 var(--font-mono);color:#baa3d2;margin-top:9px}.creative-terminal b{color:#92879d;font-weight:400;margin-left:15px}.creative-terminal>i{width:5px;height:12px;background:#b5a0cb;position:absolute;right:0;bottom:4px}.creative-note{background:linear-gradient(125deg,#faf9f0,#eae9d9);color:#4d5440}.creative-note .creative-art-meta{color:#959982}.creative-note>strong>em{color:#929b7c;font-style:normal}.creative-note-setting{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 0;border-block:1px solid #9ca78930;margin-top:25px}.creative-note-setting>span{font:8px var(--font-mono);color:#9a9f8a}.creative-note-setting>p{font:400 20px var(--font-display);letter-spacing:-.03em;margin-left:auto}.creative-note-setting>svg{color:#899a71}.creative-note .creative-art-foot{color:#959a85}.creative-note .creative-art-foot>span{font:7px var(--font-mono);letter-spacing:.08em}.creative-caption-stage{position:absolute;left:50%;top:78%;width:min(650px,85%);transform:translate(-50%)}.creative-caption{position:absolute;inset:0;text-align:center}.creative-caption>span{font-size:11px;color:#95859f}.creative-caption>p{font:400 21px/1.3 var(--font-display);letter-spacing:-.025em;color:#5e4b70;margin-top:10px}.creative-caption>a,.creative-outro>a{display:inline-flex;align-items:center;gap:13px;font-size:11px;color:#7e6697;margin-top:15px}.creative-outro{position:absolute;left:8%;right:8%;top:79%;text-align:center}.creative-outro>p{font:400 28px/1.25 var(--font-display);letter-spacing:-.04em;color:#5e4b70}.creative-phone-break{display:none}.creative-progress{position:absolute;left:8%;right:8%;bottom:3.5%;display:flex;align-items:center;gap:32px}.creative-progress .scroll-chapters>li{color:#aa9db5}.creative-progress .scroll-chapters>li[aria-current=step],.creative-progress .scroll-chapters>li[aria-current=step]>span{color:#5f4479}.creative-progress .scroll-chapters>li>span{color:#bfb0c9}.creative-progress .scroll-meter{background:#80639120}.creative-progress .scroll-meter>i{background:#9672b2}.creative-progress>span:last-child{font:7px var(--font-mono);color:#ad9bb9;letter-spacing:.08em}.creative-static{display:none}.creative-scene:not([data-motion=true]) .creative-heading{position:static;width:90%;transform:none;margin:0 auto}.creative-scene:not([data-motion=true]) .creative-stage,.creative-scene:not([data-motion=true]) .creative-caption-stage,.creative-scene:not([data-motion=true]) .creative-progress{display:none}.creative-scene:not([data-motion=true]) .creative-static{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1100px;width:calc(100% - 64px);margin:55px auto}.creative-static-idea{border-radius:20px;overflow:hidden;background:#fffdfa;box-shadow:0 10px 40px #5e477a15,0 0 0 1px #ac91bf25}.creative-static-idea>div:first-child{height:310px}.creative-static-copy{padding:25px;text-align:left}.creative-static-copy>span{font:9px var(--font-mono);color:#a38aad}.creative-static-copy>h3{font:500 31px var(--font-display);letter-spacing:-.045em;margin:10px 0 16px;color:#4b375c}.creative-static-copy>p{font-size:14px;line-height:1.7;color:#83708f}.creative-static-copy>a{display:inline-flex;align-items:center;gap:15px;font-size:12px;color:#79508e;margin-top:20px}.creative-scene:not([data-motion=true]) .creative-outro{position:static}@media(min-width:1800px){.creative-heading h2{font-size:73px}.creative-stage{width:720px;height:430px;top:34%}.creative-board-caption strong{font-size:29px}.creative-transcript>p{font-size:28px}}@media(min-width:768px)and (max-height:820px){.creative-heading{top:13%}.creative-heading h2{font-size:43px;margin-top:15px}.creative-heading>p{font-size:11px}.creative-stage{top:35%;height:36svh}.creative-board-art{height:calc(100% - 65px)}.creative-board-caption{height:65px;padding:12px 23px}.creative-board-caption strong{font-size:21px;margin-top:4px}.creative-audio,.creative-research,.creative-editor,.creative-note{padding:18px 24px}.creative-wave{height:38px;margin-block:7px;transform:scaleY(.6)}.creative-transcript>p{font-size:20px;margin-top:6px}.creative-art-foot{padding-top:10px;font-size:9px}.creative-research>strong,.creative-note>strong{font-size:40px;margin-top:17px}.creative-source-strip{margin-top:15px}.creative-source-strip b{font-size:10px}.creative-editor pre{font-size:10px;margin-top:13px}.creative-editor .creative-art-meta{padding-bottom:9px}.creative-terminal{padding-top:10px}.creative-terminal>p{font-size:8px;margin-top:4px}.creative-note-setting{margin-top:15px;padding-block:10px}.creative-note-setting>p{font-size:16px}.creative-caption-stage{top:75%}.creative-caption>p{font-size:18px}.creative-caption>a{margin-top:10px}.creative-outro{top:79%}}@media(max-width:767px){.creative-heading{top:13%;width:calc(100% - 42px)}.creative-heading .chapter-label{font-size:8px}.creative-heading h2{font-size:36px;margin:16px 0 12px}.creative-heading>p{font-size:10px}.creative-stage{width:calc(100% - 48px);height:37svh;top:32%}.creative-board{border-radius:15px}.creative-board-art{height:calc(100% - 64px)}.creative-board-caption{height:64px;padding:13px 18px}.creative-board-caption>div>span{font-size:6px}.creative-board-caption strong{font-size:22px;margin-top:4px}.creative-board-index{font-size:27px}.creative-audio,.creative-research,.creative-editor,.creative-note{padding:18px}.creative-art-meta{font-size:6px;gap:6px;letter-spacing:.03em}.creative-art-meta>svg{width:13px}.creative-wave{height:48px;gap:3px;margin-block:10px;transform:scaleY(.7)}.creative-wave i{width:3px}.creative-transcript>span{font-size:6px}.creative-transcript>p{font-size:20px;margin-top:7px}.creative-art-foot{font-size:8px;padding-top:11px}.creative-research>strong,.creative-note>strong{font-size:40px;margin-top:23px}.creative-source-strip{gap:7px;margin-top:24px}.creative-source-strip>span{font-size:6px}.creative-source-strip b{font-size:9px}.creative-note-setting{margin-top:19px;padding-block:13px;gap:8px}.creative-note-setting>span{font-size:6px}.creative-note-setting>p{font-size:15px}.creative-note-setting>svg{width:13px}.creative-note .creative-art-foot>span{font-size:5px}.creative-editor pre{font-size:8px;line-height:1.9;margin-top:17px}.creative-terminal{padding-top:12px}.creative-terminal>span{font-size:6px}.creative-terminal>p{font-size:8px}.creative-caption-stage{top:74%;width:calc(100% - 50px)}.creative-caption>span{font-size:9px}.creative-caption>p{font-size:18px;margin-top:9px}.creative-caption>a{font-size:10px;margin-top:12px}.creative-outro{top:76%}.creative-outro>p{font-size:25px}.creative-outro>a{font-size:11px}.creative-phone-break{display:block}.creative-progress{left:24px;right:24px;bottom:4%;gap:16px}.creative-progress .scroll-chapters{font-size:6px}.creative-progress .scroll-meter,.creative-progress>span:last-child{display:none}.creative-scene:not([data-motion=true]){padding:55px 0}.creative-scene:not([data-motion=true]) .creative-static{grid-template-columns:1fr;width:calc(100% - 48px);margin-block:35px}.creative-static-idea>div:first-child{height:290px;padding:24px}.creative-static-copy{padding:24px}.creative-static-copy>h3{font-size:29px}.creative-static-copy>p{font-size:13px}}@media(max-width:767px)and (max-height:740px){.creative-heading{top:14%}.creative-heading h2{font-size:30px;margin-block:13px 9px}.creative-stage{top:35%;height:35svh}.creative-audio,.creative-research,.creative-editor,.creative-note{padding:14px 17px}.creative-wave{height:31px;margin-block:7px;transform:scaleY(.5)}.creative-transcript>p{font-size:16px}.creative-board-art .creative-art-foot{display:none}.creative-research>strong,.creative-note>strong{font-size:32px;margin-top:16px}.creative-source-strip{margin-top:15px}.creative-note-setting{margin-top:17px;padding-block:10px}.creative-note-setting>p{font-size:14px}.creative-editor .creative-art-meta{padding-bottom:10px}.creative-editor pre{font-size:7px;margin-top:12px}.creative-terminal{padding-top:8px}.creative-terminal>p{margin-top:3px;font-size:7px}.creative-caption-stage{top:75%}.creative-caption>p{font-size:16px;margin-top:7px}.creative-caption>a{margin-top:9px;font-size:9px}.creative-caption>span{font-size:8px}.creative-progress{bottom:2.5%}.creative-outro{top:78%}.creative-outro>p{font-size:21px}}@media(prefers-reduced-motion:reduce){.creative-scene *{transition:none!important;animation:none!important}}