.title-lead,.title-angle{display:inline-block}.title-lead{margin-right:.18em}h1 .title-lead{color:#292936}.title-spark{transform:none;transform-origin:center;overflow:visible}.title-tick-short,.title-tick-long{stroke-dasharray:1;stroke-dashoffset:0}.title-tick-long{transform-origin:20px 36px;transform-box:view-box}
.hero-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fff;margin-bottom:0;overflow:hidden;isolation:isolate}
.hero-comparison figure,.hero-comparison .preview{min-width:0;margin:0;padding:26px 28px 35px;background:transparent;display:flex;align-items:center;flex-direction:column;position:relative}
.hero-comparison .evolution{display:block;min-width:0;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;box-shadow:none;background:#fafafa;overflow:visible}
.hero-comparison .preview{padding-bottom:0;height:100%;color:var(--indigo)}
.hero-comparison figcaption,.hero-comparison .evolution-heading{width:100%;min-height:32px;margin:0 0 28px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:17px;line-height:1.3;font-weight:650;letter-spacing:-.02em;color:#5c586a}
.hero-comparison .evolution-heading,.new-logo-figure figcaption>span{color:var(--indigo)}
.hero-comparison .hero-symbol{width:192px;height:144px;max-width:100%;margin:0 0 25px;flex:none}
.hero-comparison .hero-wordmark{width:215px;height:47px;max-width:100%;flex:none;overflow:visible}
.hero-comparison .artboard{width:100%;height:auto;margin:0;display:flex;flex-direction:column;overflow:visible}.hero-comparison .artboard:before{inset:0 -16px -18px;opacity:.65}
.evolution-tools{display:flex;align-items:center;gap:10px}
.evolution-direction{display:grid;place-items:center;width:23px;height:26px;color:#9993aa}.evolution-direction svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hero-comparison .play-button{width:29px;height:29px;min-width:0;padding:0;border-radius:50%}.hero-comparison .play-button svg{width:12px;height:12px}
.hero-replay{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;color:#a09aaa;background:transparent}.hero-replay:hover{background:#f0eff7;color:var(--indigo)}.hero-replay svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}#hero-new-mark{overflow:visible}
.hero-comparison .stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% + 56px);margin-top:27px;border-top:1px solid #e4e2e9;background:#f6f5f8}
.hero-comparison .stage-button{display:flex;justify-content:center;align-items:center;text-align:center;padding:15px 7px;min-height:60px;gap:0;min-width:0;border-right:1px solid #e4e2e9;color:#6f697b}
.hero-comparison .stage-name{font-size:12px;line-height:1.3;font-weight:650;letter-spacing:-.02em}.hero-comparison .stage-number,.hero-comparison .stage-button svg{display:none}
.hero-comparison .stage-button.active{background:#edecf8;color:var(--indigo)}.hero-comparison .stage-button:last-child{border-right:0}
@media(max-width:900px){.hero-comparison figure,.hero-comparison .preview{padding:23px 20px 29px}.hero-comparison .preview{padding-bottom:0}.hero-comparison .hero-symbol{width:154px;height:116px;margin-bottom:24px}.hero-comparison .hero-wordmark{width:174px;height:38px}.hero-comparison figcaption,.hero-comparison .evolution-heading{font-size:15px}.hero-comparison .stages{width:calc(100% + 40px)}.hero-comparison .stage-name{font-size:11px}.evolution-tools{gap:7px}}
@media(max-width:700px){
 h1{font-size:42px}
 .hero-comparison{grid-template-columns:1fr;grid-template-rows:1fr 1.35fr 1fr;height:calc(100svh - 190px);min-height:450px;max-height:720px}
 .hero-comparison figure,.hero-comparison .preview{padding:12px 18px;justify-content:center;min-height:0}
 .hero-comparison .evolution{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:0}
 .hero-comparison .preview{padding:35px 18px 0;display:flex}
 .hero-comparison figcaption,.hero-comparison .evolution-heading{position:absolute;left:15px;right:15px;top:10px;width:auto;margin:0;min-height:25px;font-size:14px;align-items:flex-start}
 .hero-comparison .hero-symbol{height:clamp(50px,calc((100svh - 500px)/3),86px);width:auto;aspect-ratio:4/3;margin-bottom:9px;max-width:45%}
 .hero-comparison .hero-wordmark{height:clamp(20px,3.2svh,27px);width:123px;max-width:48%}
 .hero-comparison .hero-replay{width:24px;height:24px}.hero-comparison .play-button{width:25px;height:25px}
 .hero-comparison .artboard{justify-content:center;flex:1;min-height:0}
 .evolution-direction svg{transform:rotate(90deg);width:19px;height:19px}
 .hero-comparison .stages{width:calc(100% + 36px);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;flex:none}
 .hero-comparison .stage-button{padding:11px 6px;min-height:39px;border-bottom:0!important;border-right:1px solid #e4e2e9}
 .hero-comparison .stage-button:nth-child(2){border-right:1px solid #e4e2e9}.hero-comparison .stage-button:last-child{border-right:0}
 .hero-comparison .stage-name{font-size:11px;line-height:1.2;white-space:nowrap}
}
/* Larger publishing studies. */
.marketing-card,.books-card{grid-column:1/-1}
.marketing-scene{height:590px}
.campaign-poster{width:350px;height:480px;left:11%;top:48px;padding:35px;transform:rotate(-4deg)}
.campaign-poster h4{font-size:66px;margin-top:15px}
.poster-brand .lockup{width:183px}.poster-brand>span:last-child{font-size:9px;margin-top:15px}
.social-post{width:31%;max-width:330px;right:12%;top:154px;transform:rotate(6deg)}
.social-top{height:44px;padding:8px 14px;gap:9px;font-size:11px}.social-top .social-avatar{width:25px}.social-top b{font-size:15px}
.social-art{min-height:272px}.social-hero-mark{width:115px;margin:0}.social-bottom{font-size:21px;padding:13px 15px}
.books-scene{height:590px}.books-arrangement{transform:scale(1.65) translateY(3px)}
.print-scene{height:640px}
.letter-sheet{left:16%;top:60px;transform:rotate(-6deg) scale(1.35);transform-origin:top left}
.business-card{left:57%;top:275px;transform:rotate(6deg) scale(1.35);transform-origin:top left}
.print-stamp{left:76%;top:110px;transform:rotate(8deg) scale(1.35);transform-origin:center}
@media(max-width:1000px){.campaign-poster{left:7%;width:310px;height:435px;padding:31px}.campaign-poster h4{font-size:59px}.social-post{right:7%;width:35%;top:185px}.social-art{min-height:238px}.marketing-scene{height:550px}.books-scene{height:550px}.books-arrangement{transform:scale(1.5)}.print-scene{height:575px}.letter-sheet{left:10%;top:55px;transform:rotate(-6deg) scale(1.25)}.business-card{left:54%;top:300px;transform:rotate(6deg) scale(1.2)}.print-stamp{left:77%;top:110px;transform:rotate(8deg) scale(1.2)}}
@media(max-width:740px){.marketing-scene{height:500px}.campaign-poster{left:8%;top:38px;width:53%;max-width:300px;height:400px;padding:29px}.campaign-poster h4{font-size:53px}.poster-brand .lockup{width:160px}.poster-brand>span:last-child{font-size:8px}.social-post{right:7%;width:43%;max-width:260px;top:182px}.social-art{min-height:205px}.social-top{height:38px;font-size:9px;padding:7px 12px}.social-top .social-avatar{width:21px}.social-hero-mark{width:100px}.social-bottom{font-size:18px;padding:11px 13px}.books-scene{height:480px}.books-arrangement{transform:scale(1.3)}.print-scene{height:500px}.letter-sheet{left:9%;top:45px;transform:rotate(-6deg) scale(1.15)}.business-card{left:auto;right:9%;top:310px;transform:rotate(6deg) scale(1.15);transform-origin:top right}.print-stamp{left:auto;right:12%;top:98px;transform:rotate(8deg) scale(1.2)}}
@media(max-width:480px){.marketing-scene{height:465px}.campaign-poster{left:7%;top:36px;width:66%;height:337px;padding:24px}.campaign-poster h4{font-size:44px}.poster-brand .lockup{width:132px}.poster-brand>span:last-child{font-size:7px}.social-post{right:5%;width:53%;top:218px}.social-art{min-height:162px}.social-top{height:30px;padding:6px 8px;font-size:7px}.social-top .social-avatar{width:18px}.social-hero-mark{width:78px}.social-bottom{font-size:15px;padding:10px}.books-scene{height:415px}.books-arrangement{transform:scale(1.06)}.print-scene{height:455px}.letter-sheet{left:4%;top:38px;transform:rotate(-6deg) scale(1.12)}.business-card{right:5%;top:293px;transform:rotate(6deg) scale(1.06)}.print-stamp{right:9%;top:87px;transform:rotate(8deg) scale(1.12)}}


.site-header{padding:17px 56px}.brand img{width:180px}.study-label{font-size:13px;font-weight:600;gap:24px;letter-spacing:0}.study-label a{padding:7px 0;color:#464557}.study-label a:hover{color:var(--indigo)}
#showcase,#showcase-downloads{scroll-margin-top:90px}
html{scroll-behavior:smooth}
@media(max-width:900px){.site-header{padding:15px 30px}}
@media(max-width:640px){.site-header{padding:13px 20px}.brand img{width:148px}.study-label{font-size:10px;gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

h1 .title-angle{color:#1ABC9C}.title-spark{width:.86em;height:.68em;margin:3px 0 0 .24em;fill:#3F4694;stroke:none;flex:none}.title-check-shape{stroke:none}