/* Shared SeaArt typography, palette and motion; additional product pages. */
.simple-header{justify-content:space-between;padding-inline:max(30px,calc((100vw - 1168px)/2))}.primary-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 29px;border:1px solid transparent;border-radius:28px;background:#a253d3;color:#fff;font-size:15px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.primary-cta:hover{background:#8d3abc;color:#fff;transform:translateY(-2px);box-shadow:0 7px 20px #a253d329}.simple-header .primary-cta{min-height:40px;padding:9px 23px;font-size:14px}.landing-container,.footer-inner{width:calc(100% - 80px);max-width:1168px;margin-inline:auto}.landing-page main{padding-top:72px}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p,.landing-page figure,.landing-page dl,.landing-page dd{margin:0}.landing-page h1,.landing-page h2,.landing-page h3{color:#292331}.landing-page h1{font-size:clamp(38px,4.05vw,56px);font-weight:750;line-height:1.12;letter-spacing:-2.1px}.landing-page h2{font-size:clamp(28px,2.8vw,38px);font-weight:700;line-height:1.2;letter-spacing:-1px}.landing-page h3{font-size:20px;font-weight:650;line-height:1.35;letter-spacing:-.4px}.landing-page p{color:#756b7f;line-height:1.8}.landing-hero{padding:78px 0 72px;background:radial-gradient(ellipse at 75% 20%,#f6effb,transparent 60%)}.hero-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.hero-copy p{font-size:17px;margin-top:25px;max-width:580px}.hero-copy .primary-cta{margin-top:30px}.hero-copy{animation:landing-enter .65s both}.landing-page figure{min-width:0}.hero-collage{position:relative;height:450px;animation:landing-enter .8s .08s both}.hero-collage>div{position:absolute;overflow:hidden;border:5px solid #fff;border-radius:19px;box-shadow:0 12px 35px #45224c13;transition:transform .4s}.hero-collage img{display:block;width:100%;height:100%;object-fit:cover}.art-main{inset:0 8% 60px 30%;transform:rotate(5deg)}.art-secondary{inset:95px 49% 32px 0;transform:rotate(-7deg)}.art-small{width:40%;height:160px;right:0;bottom:12px;transform:rotate(-5deg)}.hero-collage:hover .art-main{transform:rotate(3deg) translateY(-5px)}.hero-collage:hover .art-secondary{transform:rotate(-4deg)}.hero-collage figcaption{position:absolute;bottom:-28px;left:0;right:0;text-align:center}.landing-page figcaption{font-size:12px;line-height:1.6;color:#8b8094;margin-top:14px}.anime-collage .art-main{inset:0 30% 45px 1%;transform:rotate(-4deg)}.anime-collage .art-secondary{inset:24px 0 180px 65%;transform:rotate(7deg)}.anime-collage .art-small{width:49%;height:205px;right:0;bottom:5px;transform:rotate(5deg)}.anime-collage:hover .art-main{transform:rotate(-2deg) translateY(-5px)}.anime-collage:hover .art-secondary{transform:rotate(4deg)}.proof-visual{position:relative}.proof-visual>img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 15px 40px #41204d12}.proof-label{position:absolute;top:18px;background:#fff;box-shadow:0 1px 8px #0000000a;border-radius:20px;min-width:85px;padding:7px 15px;font-size:13px;text-align:center;color:#62556b}.proof-label.before{left:calc(25% - 43px)}.proof-label.after{left:calc(75% - 43px);background:#a253d3;color:white}.hero-erase .hero-layout,.hero-video .hero-layout{display:block;text-align:center}.hero-erase .hero-copy,.hero-video .hero-copy{max-width:830px;margin:auto}.hero-erase .hero-copy p,.hero-video .hero-copy p{max-width:670px;margin:25px auto 0}.hero-erase .proof-visual{max-width:760px;margin:44px auto 0}.hero-erase .proof-label{top:25px;min-width:100px}.hero-erase .proof-label.before{left:calc(25% - 50px)}.hero-erase .proof-label.after{left:calc(75% - 50px)}.filmstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px!important;text-align:left}.filmstrip figcaption{grid-column:1/-1;text-align:center;margin:0}.film-frame{position:relative;overflow:hidden;aspect-ratio:1.38;border-radius:18px;background:#f0e7f7;box-shadow:0 8px 30px #3012420b}.film-frame>span{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 18px;background:linear-gradient(transparent,#1f142bbb);color:white;font-size:14px;font-weight:500;pointer-events:none}.landing-video,.landing-video video{width:100%;height:100%;object-fit:cover;display:block}.video-toggle{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff77;background:#33253c77;backdrop-filter:blur(12px);color:white;font-size:12px}.landing-section{padding:78px 0}.section-soft{background:#fbf9fd}.section-heading{max-width:800px;margin-bottom:34px}.section-intro{font-size:16px;margin-top:18px!important;max-width:760px}.benefit-grid,.motion-grid,.qualityNotes-grid,.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.content-card{background:#fff;border:1px solid #ece5f1;border-radius:20px;padding:30px;transition:transform .25s,box-shadow .25s}.content-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #5f36790a}.item-number{display:inline-flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:12px;background:#f4eaf9;color:#a16aba;font-size:13px;font-weight:600;margin-bottom:30px}.content-card p{font-size:15px;margin-top:14px}.qualityNotes-grid .content-card{border:0;border-left:2px solid #e3cbee;border-radius:0;padding:0 28px 5px;background:transparent}.qualityNotes-grid .item-number{border-radius:50%;margin-bottom:24px}.motion-grid .content-card:nth-child(2){background:#f7f1fc}.character-grid{grid-template-columns:1.15fr 1fr 1fr}.character-grid .content-card:first-child{background:#f4ebfa}.steps-list,.workflow-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.steps-list li{border-top:1px solid #e3d6eb;padding-top:25px}.step-number{display:block;font-size:36px;font-weight:600;letter-spacing:-1px;color:#ceacdF;margin-bottom:24px}.steps-list p,.workflow-list p{font-size:15px;margin-top:13px}.workflow-list{grid-template-columns:1fr;gap:0;max-width:890px;margin-left:auto}.workflow-list li{display:grid;grid-template-columns:85px 1fr;padding:28px 0;border-bottom:1px solid #e9e1ef;gap:24px}.workflow-list .step-number{margin:0}.editorial-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px}.editorial-columns p{font-size:16px}.related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.related-links a{color:#8f4eae;background:#f5ecfa;border:1px solid #ebdcf3;border-radius:23px;padding:10px 19px;font-size:14px;transition:background .2s}.related-links a:hover{background:#ecd9f6}.prompt-example{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}.prompt-sheet{padding:34px;border-radius:22px;border:1px solid #e6d5ee;background:linear-gradient(135deg,#f7effc,#fcfaff);box-shadow:0 8px 28px #8b49ac08}.prompt-caption{font-size:12px;color:#9c76b1}.prompt-sheet p{font-size:21px;line-height:1.6;margin-top:17px;color:#65506f}.copy-prompt{background:#fff;border:1px solid #decae9;border-radius:22px;padding:10px 18px;font-size:13px;color:#8851a3;margin-top:26px;transition:background .2s}.copy-prompt:hover{background:#f0e2f8}.prompt-parts{display:grid;gap:20px}.prompt-parts>div{border-bottom:1px solid #eae1ef;padding-bottom:18px}.prompt-parts dt{font-size:14px;font-weight:600;color:#574460;margin-bottom:5px}.prompt-parts dd{font-size:14px;color:#85758e;line-height:1.6}.prompt-note{padding-right:30px}.useful-checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 50px}.useful-checklist li{display:flex;gap:18px;padding:20px 0;border-top:1px solid #e6dfea;align-items:flex-start}.useful-checklist span{flex-shrink:0;width:28px;height:28px;border:1px solid #e1cceb;display:grid;place-items:center;border-radius:50%;font-size:12px;color:#a478bb}.useful-checklist p{font-size:15px}.decision-table{border:1px solid #e8e0ed;border-radius:18px;overflow:auto}.decision-table table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.7}.decision-table td,.decision-table th{padding:21px 25px;border-bottom:1px solid #ede7f1;vertical-align:top}.decision-table thead{background:#f3ebf8;color:#88649c}.decision-table tbody th{font-weight:600;color:#594363;width:25%}.decision-table td{color:#7a6c84}.decision-table tr:last-child td,.decision-table tr:last-child th{border-bottom:0}.landing-faq{padding:86px 0 78px;border-top:1px solid #f0eaf5}.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.faq-layout>div>p{margin-top:22px;font-size:15px}.landing-faq-item{border-bottom:1px solid #e7dfec}.landing-faq-item:first-child{border-top:1px solid #e7dfec}.landing-faq-item h3{font-size:16px;letter-spacing:0;font-weight:500}.landing-faq-item button{background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;color:#64516f;font:inherit;text-align:left;padding:24px 0;line-height:1.6}.faq-symbol{font-size:26px;font-weight:300;color:#aa7abe;flex-shrink:0;width:24px;text-align:center}.faq-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s ease,visibility .3s}.faq-panel>div{overflow:hidden;min-height:0}.faq-panel p{font-size:14px;padding:0 35px 24px 0}.is-open .faq-panel{grid-template-rows:1fr;visibility:visible}.final-cta{padding:70px 0 84px;background:radial-gradient(ellipse at center,#f0e1fa, #f9f4fc 65%,#fcfaff);text-align:center;border-top:1px solid #efe5f5}.final-cta h2{max-width:760px;margin:auto}.final-cta p{max-width:660px;margin:20px auto 27px}.site-footer{padding:48px 0;background:#fff;border-top:1px solid #eee7f3}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:60px}.footer-brand img{width:123px;height:auto;filter:brightness(0);display:block}.footer-brand p{font-size:13px;color:#8a7b95;margin:16px 0 24px}.footer-brand>span{font-size:12px;color:#a497ad}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:18px 60px;max-width:600px}.site-footer nav a{font-size:14px;line-height:1.6;color:#786586;transition:color .2s}.site-footer nav a:hover,.site-footer nav a[aria-current]{color:#a253d3}.landing-status{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#39273feF;color:white;padding:13px 22px;border-radius:15px;max-width:calc(100% - 35px);font-size:14px;opacity:0;pointer-events:none;z-index:150;transition:opacity .2s,transform .2s}.landing-status.visible{opacity:1;transform:translate(-50%,0)}
@keyframes landing-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.hero-layout{gap:35px}.landing-page h1{font-size:43px}.hero-collage{height:370px}.art-small{height:140px}.anime-collage .art-small{height:165px}.hero-copy p{font-size:16px}.content-card{padding:25px}.faq-layout{gap:40px;grid-template-columns:1fr 1.5fr}.prompt-example{gap:30px}.site-footer nav{column-gap:30px}}
@media(max-width:760px){.simple-header{padding-inline:18px}.simple-header .primary-cta{padding:8px 19px;min-height:38px;font-size:13px}.landing-container,.footer-inner{width:calc(100% - 36px)}.landing-page main{padding-top:64px}.landing-hero{padding:43px 0 48px}.hero-layout{display:flex;flex-direction:column;gap:40px;align-items:stretch}.landing-page h1{font-size:37px;line-height:1.15;letter-spacing:-1.35px}.landing-page h2{font-size:28px;letter-spacing:-.7px}.landing-page h3{font-size:18px}.hero-copy p{font-size:15px;margin-top:21px}.hero-copy .primary-cta{margin-top:25px}.primary-cta{min-height:46px;font-size:14px;padding:12px 26px}.hero-collage{height:370px;max-width:480px;width:100%;margin:auto!important;margin-bottom:32px!important}.hero-collage>div{border-width:4px;border-radius:16px}.art-main{left:29%;right:8%;bottom:50px}.art-secondary{right:50%;top:85px;bottom:20px}.art-small{height:150px;bottom:0}.hero-collage figcaption{bottom:-33px;font-size:11px}.anime-collage .art-small{height:172px}.proof-visual>img{border-radius:17px}.proof-label{top:11px;min-width:70px;font-size:11px;padding:5px 13px}.proof-label.before{left:calc(25% - 35px)}.proof-label.after{left:calc(75% - 35px)}.landing-page figcaption{font-size:11px}.hero-video .hero-copy,.hero-erase .hero-copy{text-align:left}.hero-video .hero-copy p,.hero-erase .hero-copy p{margin-top:21px}.hero-erase .proof-visual{margin-top:30px}.hero-erase .proof-label{top:12px;min-width:70px}.hero-erase .proof-label.before{left:calc(25% - 35px)}.hero-erase .proof-label.after{left:calc(75% - 35px)}.filmstrip{margin-top:32px!important;grid-template-columns:1fr 1fr;gap:10px}.film-frame:first-child{grid-column:1/-1;aspect-ratio:1.7}.film-frame{aspect-ratio:.96;border-radius:14px}.film-frame>span{font-size:11px;padding:30px 12px 12px}.landing-section{padding:48px 0}.section-heading{margin-bottom:27px}.section-intro{font-size:15px;margin-top:16px!important}.benefit-grid,.motion-grid,.qualityNotes-grid,.character-grid{grid-template-columns:1fr;gap:14px}.content-card{padding:24px;border-radius:17px}.item-number{margin-bottom:19px;width:36px;height:36px}.content-card p{font-size:14px;margin-top:12px}.qualityNotes-grid{gap:29px}.qualityNotes-grid .content-card{padding-left:22px}.qualityNotes-grid .item-number{margin-bottom:16px}.steps-list{grid-template-columns:1fr;gap:25px}.steps-list li{display:grid;grid-template-columns:40px 1fr;gap:20px;padding-top:22px}.step-number{font-size:26px;margin:0}.steps-list p,.workflow-list p{font-size:14px;margin-top:10px}.workflow-list li{grid-template-columns:40px 1fr;gap:20px;padding:22px 0}.editorial-columns{grid-template-columns:1fr;gap:20px}.editorial-columns p{font-size:15px}.related-links{gap:10px}.related-links a{font-size:13px;padding:9px 16px}.prompt-example{grid-template-columns:1fr;gap:26px}.prompt-sheet{padding:24px;border-radius:17px}.prompt-sheet p{font-size:18px}.prompt-parts{gap:16px}.prompt-note{font-size:15px;padding:0}.copy-prompt{padding:10px 15px;font-size:12px}.useful-checklist{grid-template-columns:1fr;gap:0}.useful-checklist p{font-size:14px}.decision-table td,.decision-table th{padding:14px 12px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.decision-table tbody th{width:25%}.faq-layout{grid-template-columns:1fr;gap:29px}.landing-faq{padding:48px 0}.faq-layout>div>p{margin-top:16px;font-size:14px}.landing-faq-item button{font-size:14px;padding:20px 0;gap:18px}.faq-panel p{font-size:14px;padding-right:25px}.final-cta{padding:50px 0 54px}.final-cta p{font-size:15px;margin:20px auto 25px}.footer-inner{flex-direction:column;gap:30px}.site-footer{padding:35px 0 40px}.site-footer nav{width:100%;gap:17px 23px}.site-footer nav a{font-size:13px}.footer-brand p{margin:13px 0 10px}.footer-brand>span{font-size:11px}}
@media(max-width:360px){.landing-page h1{font-size:32px}.hero-collage{height:320px}.art-small{height:125px}.anime-collage .art-small{height:145px}.landing-page h2{font-size:26px}.site-footer nav{column-gap:15px}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-collage{animation:none}.faq-panel,.primary-cta,.hero-collage>div{transition:none}}

/* Russian labels cover the captions embedded in the original demonstration images. */
.proof-visual .proof-label.before{left:4%;right:auto}.proof-visual .proof-label.after{left:auto;right:4%}

/* Expanded product stories: same tokens, distinct compositions. */
.expansion .section-heading{max-width:850px}.result-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.result-gallery.gallery-2{grid-template-columns:1fr 1fr;gap:38px}.study-image{height:350px;overflow:hidden;border-radius:20px;background:#f3edf7}.study-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s}.result-study:hover .study-image img{transform:scale(1.025)}.result-study:nth-child(2) .study-image{border-radius:80px 20px 20px 20px}.result-study figcaption{margin-top:23px;font-size:inherit}.result-study figcaption p{font-size:15px;margin-top:12px;line-height:1.8}.gallery-2 .study-image{height:450px}.interactive-split{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}.interactive-split>*,.resolution-layout>*,.layout-proof>*,.character-study>*{min-width:0}.example-controls{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.example-controls button{background:#fff;border:1px solid #e4d7ec;color:#856493;border-radius:22px;padding:10px 17px;font-size:13px;transition:background .2s,color .2s,border-color .2s}.example-controls button[aria-pressed=true]{background:#f0e0f9;border-color:#cda6e0;color:#713495}.example-controls button:hover{border-color:#bd8ad7}.example-panel h3{margin-bottom:14px}.example-panel p{font-size:16px}.example-panel:not([hidden]){animation:example-change .3s ease both}.format-stage{height:415px;background:#f3edf7;border:1px solid #e9def0;border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:28px}.format-frame{width:100%;max-height:100%;border:7px solid #fff;border-radius:13px;box-shadow:0 12px 30px #4c28501a;overflow:hidden;transition:aspect-ratio .55s ease,width .55s ease}.format-frame img{height:100%;width:100%;object-fit:cover;display:block}.format-ratio{display:block;font-size:43px;font-weight:600;letter-spacing:-1.5px;color:#c89ddd;margin-bottom:15px}.landing-page .visual-caption{font-size:12px;line-height:1.7;color:#8e7d99;margin-top:16px}.film-study{display:grid;grid-template-columns:1.6fr 1fr;gap:45px;align-items:center}.cinema-scene{border-radius:22px;overflow:hidden;background:#f3eaf9}.cinema-scene .landing-video{position:relative;aspect-ratio:1.35;height:auto}.cinema-scene figcaption{margin:0;padding:15px 20px;background:#f5eff9}.visual-notes{display:grid;gap:29px}.visual-notes article{display:flex;align-items:flex-start;gap:20px}.note-index{flex-shrink:0;font-size:12px;color:#a97bbb;border-top:1px solid #d6b7e5;padding-top:8px;margin-top:3px}.visual-notes h3{font-size:18px}.visual-notes p{font-size:15px;margin-top:12px}.storyboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;counter-reset:frame}.story-frame{position:relative;aspect-ratio:1.15;overflow:hidden;border-radius:18px;background:#f3edf7;margin-bottom:24px}.story-frame img{display:block;width:100%;height:100%;object-fit:cover}.frame-1 img{transform:scale(1.12);object-position:52% center}.frame-2 img{transform:scale(1.26);object-position:55% center}.story-frame>span{position:absolute;top:15px;left:15px;background:#fffE;padding:5px 11px;border-radius:16px;color:#856693;font-size:12px}.frame-guides{position:absolute;inset:20%;border:1px solid #ffffff88;border-radius:3px}.frame-guides:before,.frame-guides:after{content:'';position:absolute;background:#fff8}.frame-guides:before{height:1px;left:-33%;right:-33%;top:50%}.frame-guides:after{width:1px;top:-33%;bottom:-33%;left:50%}.storyboard p{font-size:15px;margin-top:13px}.detail-window{position:relative;aspect-ratio:1.5;overflow:hidden;border-radius:21px;background:#f4eef8}.detail-window img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.65,.2,1)}.detail-study[data-active="1"] .detail-window img{transform:scale(1.65)}.detail-label{position:absolute;top:14px;background:white;border-radius:18px;color:#725080;font-size:12px;padding:6px 19px}.label-before{left:4%}.label-after{right:4%;background:#a253d3;color:white}.resolution-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.resolution-tool{background:#f4edf8;border:1px solid #e8dbef;border-radius:22px;padding:30px}.paper-schematic{height:210px;display:grid;place-items:center;margin-bottom:25px}.paper-schematic>div{height:190px;aspect-ratio:2 / 3;background:white;border:1px solid #e9deef;box-shadow:9px 9px 0 #e8d9f0,0 10px 24px #5227610a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;max-width:100%;padding:15px;transition:aspect-ratio .4s}.paper-schematic span{font-size:11px;color:#a286b0}.paper-schematic strong{font-size:16px;font-weight:600;color:#80618e}.resolution-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.resolution-inputs label{font-size:12px;color:#8b7098;display:grid;gap:7px;min-width:0}.resolution-inputs input,.resolution-inputs select{display:block;width:100%;min-width:0;background:#fff;border:1px solid #ddcce7;border-radius:10px;padding:10px 12px;color:#624c70;font-size:15px}.resolution-tool output{display:block;margin-top:24px;font-weight:600;font-size:24px;color:#88629e;letter-spacing:-.4px}.matte-scene{height:405px;position:relative;display:grid;place-items:center;border:1px solid #e6ddeb;border-radius:22px;background:#f5f2f7;transition:background .45s,color .45s;color:#96849f}.matte-scene[data-tone="1"]{background:#352d40;color:#e6d8ef}.matte-scene[data-tone="2"]{background:#e2eae2;color:#677b67}.demo-object{width:280px;height:280px;max-width:90%;filter:drop-shadow(0 12px 14px #36254108)}.scene-caption{position:absolute;top:20px;left:24px;font-size:11px;color:inherit}.matte-note{position:absolute;bottom:22px;font-size:12px;color:inherit}.layout-proof{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.catalog-scene{padding:30px;border-radius:22px;background:#f3edf8;border:1px solid #e7ddef}.catalog-card{background:#fff;border:1px solid #ede4f2;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #5239620a}.catalog-image{position:relative;display:flex;justify-content:center;padding:30px 15px;background:#fcfbfd;margin:17px;border:1px dashed #cbaedd}.dimension{position:absolute;left:0;right:0;text-align:center;font-size:10px;color:#b293bf}.dimension.top{top:10px}.baseline{position:absolute;left:12%;right:12%;bottom:41px;text-align:right;padding-top:4px;border-top:1px dashed #cbaedd;font-size:10px;color:#a181b0}.catalog-copy{padding:5px 24px 25px}.catalog-copy span{font-size:11px;color:#aa91b7}.catalog-copy strong{display:block;font-size:21px;font-weight:500;color:#71597e;margin:8px 0 18px;line-height:1.4}.catalog-copy i{display:block;width:80%;height:5px;background:#eee7f3;border-radius:3px;margin-top:7px}.catalog-copy i:last-child{width:60%}.selection-scene{height:400px;position:relative;overflow:hidden;border-radius:22px;border:1px solid #e6ddec;background:linear-gradient(#faf7fc 0 38%,#e8e0ed 38%);color:#8e759a}.scene-grid{position:absolute;inset:38% -30% -50%;background:repeating-linear-gradient(0deg,transparent 0 49px,#cbbbd660 50px 51px),repeating-linear-gradient(90deg,transparent 0 69px,#cbbbd660 70px 71px);transform:perspective(300px) rotateX(24deg)}.scene-box{position:absolute;width:86px;height:115px;left:calc(50% - 43px);top:calc(50% - 43px);border-radius:12px 12px 6px 6px;background:linear-gradient(100deg,#b191c1,#90729f);box-shadow:20px 19px 9px #52366420;transform:rotate(-8deg)}.selection-mask{position:absolute;left:calc(50% - 30px);top:calc(50% - 32px);width:60px;height:91px;border:2px dashed #a253d3;background:#b46ada40;border-radius:9px;transition:width .4s,height .4s,left .4s,top .4s}.selection-scene[data-selection="1"] .selection-mask{width:130px;height:163px;left:calc(50% - 65px);top:calc(50% - 65px)}.selection-scene[data-selection="2"] .selection-mask{width:82%;height:70%;left:9%;top:16%}.selection-key{position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:12px;color:#997ba8}.character-study{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.character-study figure img{width:100%;height:530px;object-fit:cover;border-radius:24px;display:block}.character-study figure figcaption{text-align:center}.character-palette{display:flex;gap:18px;margin-top:30px;flex-wrap:wrap}.character-palette span{display:flex;align-items:center;gap:8px;font-size:11px;color:#997fa7}.character-palette span:before{content:'';background:var(--swatch);width:23px;height:23px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #eee6f3}.diagnostic-list{display:grid;gap:0}.diagnostic-list article{display:grid;grid-template-columns:45px .85fr 1.5fr;gap:25px;padding:27px 0;border-top:1px solid #e7deee;align-items:baseline}.diagnostic-number{font-size:13px;color:#b496c2}.diagnostic-list p{font-size:15px}.diagnostic-list h3{font-size:19px}.handoff-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.track-node{position:relative;margin-bottom:20px}.track-node:after{content:'';height:1px;position:absolute;left:47px;right:-30px;top:18px;background:#e0cde9;transform-origin:left}.handoff-track article:last-child .track-node:after{right:0}.track-node span{width:36px;height:36px;border:1px solid #d8bde7;border-radius:50%;display:grid;place-items:center;color:#ae82c2;font-size:13px}.handoff-track p{font-size:15px;margin-top:14px}
@keyframes example-change{from{opacity:.45;transform:translateX(7px)}to{opacity:1;transform:none}}
@keyframes reveal-mask{from{clip-path:inset(0 5% 0 0 round 20px)}to{clip-path:inset(0 0 0 0 round 20px)}}
@keyframes reveal-editorial{from{opacity:.5;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes reveal-stagger{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes draw-track{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
.expansion.is-seen [data-mask-reveal]{animation:reveal-mask .8s cubic-bezier(.2,.6,.2,1) both}.expansion[data-motion=editorial].is-seen .section-heading{animation:reveal-editorial .6s both}.expansion.is-seen .visual-notes article,.expansion.is-seen .result-study figcaption,.expansion.is-seen .diagnostic-list article{animation:reveal-stagger .55s both;animation-delay:calc(var(--order,0)*90ms)}.expansion.is-seen .track-node:after{animation:draw-track .8s both}.expansion.is-seen .format-frame,.expansion.is-seen .demo-object{animation:example-change .65s both}
@media(max-width:1000px){.interactive-split,.film-study,.resolution-layout,.layout-proof,.character-study{gap:30px}.study-image{height:280px}.result-gallery{gap:18px}.character-study figure img{height:460px}.resolution-tool{padding:23px}.diagnostic-list article{grid-template-columns:30px .8fr 1.5fr;gap:20px}.visual-notes article{gap:13px}.catalog-scene{padding:22px}.format-stage{height:350px;padding:20px}.storyboard{gap:18px}.example-controls{gap:7px}.example-controls button{font-size:12px;padding:9px 12px}}
@media(max-width:760px){.result-gallery,.result-gallery.gallery-2,.interactive-split,.film-study,.resolution-layout,.layout-proof,.character-study{grid-template-columns:1fr;gap:29px}.study-image{height:330px}.gallery-2 .study-image{height:410px}.result-gallery{gap:32px}.result-study figcaption{margin-top:19px}.result-study figcaption p,.example-panel p{font-size:14px}.format-stage{height:350px;padding:20px}.format-ratio{font-size:35px;margin-bottom:12px}.example-controls{margin-bottom:21px;gap:8px}.example-controls button{font-size:12px;padding:10px 15px;min-height:40px}.example-panel h3{margin-bottom:12px}.visual-notes{gap:25px}.visual-notes p{font-size:14px;margin-top:10px}.visual-notes h3{font-size:18px}.visual-notes article{gap:16px}.cinema-scene .landing-video{aspect-ratio:1.2}.cinema-scene figcaption{font-size:11px;padding:13px 16px}.storyboard{grid-template-columns:1fr;gap:30px}.story-frame{aspect-ratio:1.5;margin-bottom:19px}.storyboard p{font-size:14px;margin-top:10px}.detail-window{border-radius:17px}.detail-label{top:8px;padding:4px 14px;font-size:11px}.landing-page .visual-caption{font-size:11px;margin-top:13px}.resolution-tool{padding:23px 19px}.resolution-inputs{gap:9px}.resolution-inputs label{font-size:10px}.resolution-inputs input,.resolution-inputs select{padding:10px 8px;font-size:14px}.resolution-tool output{font-size:21px}.paper-schematic{height:185px}.paper-schematic>div{height:168px}.matte-scene{height:340px;border-radius:18px}.demo-object{width:260px;height:260px}.selection-scene{height:330px}.catalog-scene{padding:20px}.catalog-image{margin:13px}.catalog-copy{padding:5px 19px 22px}.catalog-copy strong{font-size:20px}.character-study figure img{height:440px;border-radius:20px}.character-palette{gap:14px}.diagnostic-list article{grid-template-columns:24px 1fr;gap:12px 14px;padding:23px 0}.diagnostic-list p{grid-column:2;font-size:14px}.diagnostic-list h3{font-size:18px}.handoff-track{grid-template-columns:1fr;gap:26px}.handoff-track article{display:grid;grid-template-columns:35px 1fr;gap:10px 17px}.track-node{grid-row:1 / 3;margin-bottom:0}.track-node:after{width:1px;height:calc(100% - 17px);top:43px;left:17px;right:auto!important;transform-origin:top}.track-node span{width:34px;height:34px}.handoff-track p{margin:0;font-size:14px}.handoff-track h3{padding-top:4px}.handoff-track article:last-child .track-node:after{display:none}}
@media(max-width:360px){.study-image{height:285px}.gallery-2 .study-image{height:360px}.character-study figure img{height:380px}.example-controls{gap:6px}.example-controls button{padding:9px 11px}.format-stage{height:305px}.resolution-tool{padding:20px 15px}.resolution-inputs label{font-size:10px}.scene-caption{left:18px}.matte-scene{height:310px}.catalog-image .demo-object{height:220px}.catalog-copy strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.expansion *, .expansion *:before,.expansion *:after{animation:none!important;transition:none!important;clip-path:none!important}}

.format-frame{max-height:none;width:min(100%,calc(359px * var(--frame-ratio,1.7777778)));flex-shrink:0}.format-frame img{aspect-ratio:inherit}
@media(max-width:1000px){.format-frame{width:min(100%,calc(310px * var(--frame-ratio,1.7777778)))}}
@media(max-width:360px){.format-frame{width:min(100%,calc(265px * var(--frame-ratio,1.7777778)))}}
.page-erase .detail-window img{transform-origin:center 80%}

/* Each storyboard scene is its own drawing, never a crop of another frame. */
.story-frame img,.story-frame.frame-1 img,.story-frame.frame-2 img{transform:none;object-fit:contain}.anime-collage .art-secondary img,.anime-collage .art-small img{object-fit:contain;background:#f7f0fb}.catalog-image img.demo-object{max-width:100%;object-fit:contain}