.study-nav{display:flex;justify-content:space-between;gap:20px;align-items:center;max-width:1400px;margin:auto;padding:20px 5.5%;font-size:13px;color:var(--muted);position:relative;z-index:10}.study-nav nav{display:flex;gap:24px}.study-nav a{padding:7px 0;border-bottom:1px solid transparent}.study-nav a:hover,.study-nav [aria-current=page]{color:var(--paper);border-color:var(--lilac)}.study-intro{position:relative;height:730px;max-width:1400px;margin:auto;background:radial-gradient(ellipse at 50% 45%,#44384a25,transparent 65%)}.intro-centre{position:absolute;top:18%;left:50%;width:460px;transform:translateX(-50%);text-align:center;z-index:2}.intro-centre h1{font-family:Caveat,cursive;font-size:175px;line-height:1.05;margin:0}.intro-centre .signature>span{color:var(--lilac)}.intro-centre .chalk-stroke{margin:0 auto 28px}.intro-centre h2{font-size:58px;line-height:1.07;margin-bottom:24px}.intro-note{font-size:26px;margin:0}.intro-centre .eyebrow{font-size:12px}.study-object{position:absolute;display:flex;flex-direction:column;align-items:center;width:220px;text-align:center;z-index:3}.study-object>.art{width:210px;height:198px}.study-object>span:last-child{font-family:Caveat,cursive;font-size:27px;line-height:1.25}.study-object:hover>.art{filter:brightness(1.12);translate:0 -5px;transition:translate .3s,filter .3s}.plant-object{left:7%;top:9%;rotate:-4deg}.phone-object{right:7%;top:9%;rotate:4deg}.book-object{left:12%;bottom:12%;rotate:3deg}.music-object{right:12%;bottom:12%;rotate:-3deg}.scroll-cue{text-align:center;font-size:14px;color:var(--muted);margin:-35px 0 25px;position:relative;z-index:4}.study-project{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;max-width:1240px;margin:auto;padding:70px 5.5%;min-height:760px;position:relative;z-index:2}.project-words h2{font:400 100px/1 Editorial,Georgia,serif;letter-spacing:-.045em;margin-bottom:25px}.project-words h2>span{color:var(--lilac)}.project-words>p:not(.eyebrow):not(.outline-note){color:var(--muted);font-size:17px;max-width:390px;line-height:1.8;margin-bottom:28px}.project-words>.button{background:var(--paper);color:var(--ink);border-color:var(--paper)}.project-words>.button:hover{background:var(--lilac)}.project-art{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.screen-alone{position:relative;max-width:245px;width:53%;filter:drop-shadow(0 25px 30px #05030555)}.screen-alone img{width:100%;height:auto;max-height:510px;object-fit:contain;border-radius:3px}.chalk-annotation{position:absolute;pointer-events:none;font-size:25px;max-width:155px;line-height:1.2;z-index:4}.annotation-one{right:-3%;top:16%;rotate:7deg}.annotation-two{left:-4%;bottom:25%;rotate:-6deg}.screen-options{margin-top:23px;background:#302b33;border-color:var(--line);padding:4px}.screen-options button{color:var(--muted);font-size:13px;padding:10px 13px}.screen-options [aria-pressed=true]{background:var(--paper);color:var(--ink)}.screen-caption{font-size:12px;color:var(--muted);margin:12px 0 0}.restaurant-actual{position:relative;width:100%;max-width:570px;aspect-ratio:1.35;isolation:isolate;overflow:hidden;box-shadow:0 25px 50px #09060a45}.restaurant-actual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.restaurant-actual::after{content:'';position:absolute;inset:0;background:linear-gradient(#25152270,#25152240 50%,#25152280);z-index:-1}.tiny-nav{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid #f1eadf30;font-size:12px}.tiny-nav>span:first-child{font:27px Editorial,serif}.restaurant-lettering{position:absolute;inset:36% 15px auto;display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center}.restaurant-lettering>span{font-size:11px;letter-spacing:.09em}.restaurant-lettering strong{font:400 82px/1 Editorial,Georgia,serif}.saanjh-art .annotation-one{top:-70px;right:15%;font-size:32px;max-width:none;rotate:-4deg}.saanjh-art .annotation-two{bottom:-70px;left:5%;font-size:29px;max-width:none;rotate:3deg}.study-ending{max-width:1240px;margin:auto;display:grid;grid-template-columns:250px 1fr;align-items:center;gap:55px;padding:70px 5.5%;position:relative;z-index:2}.study-ending>.art{width:240px;height:226px}.study-ending h2{font-size:68px}.study-ending p:not(.eyebrow):not(.hand){max-width:590px;color:var(--muted);font-size:17px}.study-ending .hand{font-size:29px;margin-top:30px}.line-journey{position:relative;isolation:isolate}.chalk-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.route-ghost{fill:none;stroke:#f1eadf;stroke-width:1;opacity:.07;stroke-linecap:round}.route-drawn{fill:none;stroke:#f1eadf;stroke-width:1.8;opacity:.45;stroke-linecap:round;stroke-linejoin:round}.route-tip{fill:var(--lilac);opacity:.8}.line-chapter{min-height:88svh;display:flex;align-items:center;justify-content:center;position:relative;scroll-margin-top:0}.line-opening{display:block;min-height:0}.line-chapter>.study-project{width:100%}.line-chapter:nth-of-type(3) .study-project{grid-template-columns:1.1fr .9fr}.line-chapter:nth-of-type(3) .project-art{grid-column:1;grid-row:1}.line-chapter:nth-of-type(3) .project-words{grid-column:2}.line-chapter:nth-of-type(3) .study-project{gap:90px}.studies-ready[data-study=chalk-line] .chalk-annotation{opacity:var(--note-alpha,1);transform:translateY(calc((1 - var(--note-alpha,1))*10px))}.redraw-frame{position:relative}.wipe-layer{position:relative;background:var(--board)}.wipe-layer .study-project{min-height:760px}.eraser-trace,.redraw-caption{display:none}.studies-ready[data-study=erase-redraw] .redraw-story{height:360svh}.studies-ready[data-study=erase-redraw] .redraw-frame{position:sticky;top:0;height:100svh;min-height:640px;isolation:isolate;overflow:hidden}.studies-ready[data-study=erase-redraw] .wipe-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.intro-layer{z-index:4}.middle-layer{z-index:3}.final-layer{z-index:2}.studies-ready[data-study=erase-redraw] .wipe-layer .study-intro{width:100%;height:100%;max-height:930px}.studies-ready[data-study=erase-redraw] .wipe-layer .study-project{padding-top:40px;padding-bottom:40px;width:100%;min-height:0;height:100%}.studies-ready[data-study=erase-redraw] .wipe-layer .screen-alone img{max-height:63svh}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre{top:15%}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre h1{font-size:155px}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre h2{font-size:52px}.studies-ready[data-study=erase-redraw] .wipe-layer .study-object>.art{width:190px;height:179px}.studies-ready[data-study=erase-redraw] .wipe-layer .plant-object,.studies-ready[data-study=erase-redraw] .wipe-layer .phone-object{top:9%}.studies-ready[data-study=erase-redraw] .wipe-layer .book-object,.studies-ready[data-study=erase-redraw] .wipe-layer .music-object{bottom:12%}.studies-ready[data-study=erase-redraw] .eraser-trace{display:block;position:absolute;z-index:6;top:-15%;bottom:-15%;width:50px;opacity:0;background:linear-gradient(90deg,transparent,#f1eadf08,transparent);rotate:15deg;pointer-events:none;filter:blur(7px);will-change:left,opacity}.studies-ready[data-study=erase-redraw] .redraw-caption{display:flex;position:absolute;bottom:22px;left:5.5%;right:5.5%;justify-content:space-between;gap:20px;z-index:8;font-size:12px;color:var(--muted)}.sketch-opening{position:relative}.sketch-story{position:relative}.sketch-frame{position:relative}.sketch-caption{padding:0 5.5% 25px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.outline-note{font-size:13px;color:#948998;max-width:350px;margin-top:25px;line-height:1.7}.sketch-phone{position:relative;width:230px;aspect-ratio:260/563;border-radius:5px}.sketch-phone .screen-reveal{position:absolute;inset:0;overflow:hidden;border-radius:5px}.sketch-phone .screen-reveal>img{width:100%;height:100%;object-fit:contain}.wireframe{position:absolute;inset:0;display:flex;flex-direction:column;border:1.5px dashed #f1eadf85;padding:16px;color:#f1eadf;gap:17px;pointer-events:none;border-radius:6px}.wireframe-header{padding:5px 0 18px;border-bottom:1px dashed #f1eadf60;display:flex;flex-direction:column;gap:14px;font-family:Caveat,cursive;font-size:29px}.wireframe i{display:block;height:1px;background:#f1eadf70;width:70%;margin:4px 0}.wireframe i:nth-of-type(2){width:43%}.wireframe-action{border:1px dashed #f1eadf85;min-height:57px;padding:16px;font-family:Caveat,cursive;font-size:21px;text-align:center}.wireframe-task{display:flex;flex-direction:column;gap:9px;padding:10px 6px;border-bottom:1px dashed #f1eadf50;min-height:60px;font-family:Caveat,cursive;font-size:23px}.wireframe-task>span{font-size:20px}.wireframe-tabs{margin-top:auto;border-top:1px dashed #f1eadf60;padding-top:14px;display:flex;justify-content:space-between;font-family:Caveat,cursive;font-size:18px}.sketch-browser{position:relative;width:100%;max-width:570px;aspect-ratio:1.35}.sketch-browser .screen-reveal{position:absolute;inset:0;overflow:hidden}.sketch-browser .restaurant-actual{height:100%;width:100%}.browser-outline{padding:20px;gap:0;align-items:center;justify-content:center;border-radius:0}.browser-outline>div:first-child{display:flex;justify-content:space-between;position:absolute;left:20px;right:20px;top:17px;border-bottom:1px dashed #f1eadf60;padding-bottom:14px;font-family:Caveat,cursive;font-size:20px}.browser-outline strong{font:400 83px Caveat,cursive}.browser-outline>span{font-family:Caveat,cursive;font-size:24px;border:1px dashed #f1eadf75;padding:6px 15px;margin-top:5px}.wireframe-columns{display:flex;position:absolute;bottom:15px;left:20px;right:20px;gap:12px;height:15%}.wireframe-columns i{width:33%!important;height:100%;background:none;border:1px dashed #f1eadf50}.studies-ready[data-study=sketch-to-screen] .sketch-story{height:195svh}.studies-ready[data-study=sketch-to-screen] .sketch-frame{position:sticky;top:0;height:100svh;min-height:640px;display:flex;align-items:center;overflow:hidden}.studies-ready[data-study=sketch-to-screen] .sketch-frame .study-project{height:100%;width:100%;min-height:0;padding-top:40px;padding-bottom:40px}.studies-ready[data-study=sketch-to-screen] .sketch-caption{position:absolute;left:0;right:0;bottom:22px;padding-bottom:0}.studies-ready[data-study=sketch-to-screen] .sketch-phone{width:220px;max-height:65svh}.studies-ready[data-study=sketch-to-screen] .screen-reveal{clip-path:inset(0 100% 0 0);will-change:clip-path}.studies-ready[data-study=sketch-to-screen] .wireframe{will-change:opacity}.studies-ready[data-study=sketch-to-screen] .chalk-annotation{opacity:0}.comparison-hub{padding:65px 5.5% 70px;max-width:1400px;margin:auto}.hub-heading h1{font:400 clamp(65px,7.5vw,103px)/1 Editorial,Georgia,serif;letter-spacing:-.035em;margin:20px 0 25px}.hub-heading>p:not(.eyebrow){color:var(--muted);font-size:18px}.study-options{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:50px}.study-options>a{padding:28px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:start;min-width:0;transition:border-color .25s,background .25s}.study-options>a:hover{border-color:#c9b6db90;background:#302b333d}.option-number{font-family:Editorial,serif;font-style:italic;font-size:27px;color:var(--lilac)}.option-art{width:100%;display:flex;justify-content:center;margin:15px 0 25px}.option-art>.art{width:160px;height:151px}.study-options h2{font-size:49px;margin-bottom:20px}.study-options p{font-size:16px;color:var(--muted);margin:0 0 25px}.option-link{margin-top:auto;font-size:14px;border-bottom:1px solid #c9b6db70;padding-bottom:8px}.hub-note{margin:35px 0 0;font-size:29px}.motion-off .chalk-route,.motion-off .eraser-trace{display:none}.motion-off .redraw-story,.motion-off .sketch-story{height:auto!important}.motion-off .redraw-frame,.motion-off .sketch-frame{position:relative!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}.motion-off .wipe-layer{position:relative!important;mask-image:none!important;-webkit-mask-image:none!important;display:block!important}.motion-off .wipe-layer .study-intro{height:730px!important}.motion-off .wipe-layer .study-project,.motion-off .sketch-frame .study-project{min-height:760px!important;height:auto!important}.motion-off .redraw-caption{display:none!important}.motion-off .screen-reveal{clip-path:none!important}.motion-off .wireframe{display:none}.motion-off .chalk-annotation{opacity:1!important;transform:none!important}.motion-off .sketch-caption{position:relative!important;bottom:auto!important;padding-bottom:25px!important}
@media(min-width:1500px){.study-intro{height:820px}.study-object>.art{width:240px;height:226px}.study-object{width:260px}.intro-centre{top:23%}.intro-centre h1{font-size:195px}.plant-object,.phone-object{top:13%}.book-object,.music-object{bottom:13%}}
@media(max-width:1050px) and (min-width:701px){.study-object{width:190px}.study-object>.art{width:180px;height:170px}.plant-object{left:2%}.phone-object{right:2%}.book-object{left:5%}.music-object{right:5%}.intro-centre{width:350px;top:22%}.intro-centre h1{font-size:145px}.intro-centre h2{font-size:48px}.study-object>span:last-child{font-size:25px}.study-project{gap:40px}.project-words h2{font-size:83px}.screen-alone{width:58%}.chalk-annotation{font-size:22px;max-width:115px}.annotation-one{right:-2%;top:12%}.annotation-two{left:-8%;bottom:25%}.restaurant-lettering strong{font-size:70px}.saanjh-art .annotation-one,.saanjh-art .annotation-two{font-size:26px}.line-chapter:nth-of-type(3) .study-project{gap:50px}.study-ending{grid-template-columns:190px 1fr;gap:35px}.study-ending>.art{width:180px;height:170px}.study-ending h2{font-size:60px}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre{top:22%}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre h1{font-size:140px}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre h2{font-size:45px}.sketch-phone{width:205px}.study-options{gap:18px}.study-options>a{padding:22px}.study-options h2{font-size:43px}}
@media(max-width:700px){.study-nav{padding:14px 6%;gap:12px;font-size:12px;flex-wrap:wrap}.study-nav>a:last-child{display:none}.study-nav nav{gap:17px}.study-intro{height:auto;padding:40px 20px 30px;display:grid;grid-template-columns:1fr 1fr;gap:25px 6px}.intro-centre{position:relative;top:auto;left:auto;transform:none;width:auto;grid-column:1/-1;margin-bottom:10px}.intro-centre .eyebrow{font-size:11px;letter-spacing:.075em}.intro-centre h1{font-size:126px}.intro-centre .chalk-stroke{width:95px;margin-bottom:20px}.intro-centre h2{font-size:44px}.intro-note{font-size:26px}.study-object{position:relative;inset:auto;width:100%;rotate:0deg}.study-object>.art{width:100%;max-width:180px;height:auto;aspect-ratio:1.06}.study-object>span:last-child{font-size:25px}.scroll-cue{margin:5px 0 25px;font-size:13px}.line-chapter{min-height:0}.study-project{grid-template-columns:1fr!important;gap:35px;padding:55px 6%;min-height:0}.project-words h2{font-size:76px;margin-bottom:20px}.project-words>p:not(.eyebrow):not(.outline-note){font-size:16px;max-width:none;margin-bottom:23px}.project-art{padding-top:20px}.screen-alone{width:180px;max-width:58%}.screen-alone img{max-height:400px}.chalk-annotation{font-size:22px;max-width:115px}.annotation-one{right:0;top:10%}.annotation-two{left:-3%;bottom:30%}.screen-options button{font-size:12px;padding:10px 11px}.restaurant-actual{aspect-ratio:1.2}.restaurant-lettering strong{font-size:70px}.restaurant-lettering>span{font-size:10px}.tiny-nav{padding:14px;font-size:10px}.saanjh-art{margin:35px 0}.saanjh-art .annotation-one{top:-35px;font-size:25px;right:8%}.saanjh-art .annotation-two{bottom:-45px;font-size:25px;left:0}.line-chapter:nth-of-type(3) .project-art{grid-column:auto;grid-row:2}.line-chapter:nth-of-type(3) .project-words{grid-column:auto}.line-chapter:nth-of-type(3) .study-project{gap:35px}.study-ending{grid-template-columns:1fr;padding:45px 6%;gap:20px}.study-ending>.art{width:160px;height:151px}.study-ending h2{font-size:53px}.study-ending p:not(.eyebrow):not(.hand){font-size:16px}.study-ending .hand{font-size:27px}.route-drawn{stroke-width:1.4;opacity:.3}.route-tip{r:2}.sketch-phone{width:185px}.wireframe{padding:14px;gap:12px}.wireframe-header{font-size:25px;padding-bottom:13px}.wireframe-action{font-size:19px;padding:13px;min-height:50px}.wireframe-task{font-size:21px;gap:6px;min-height:48px}.wireframe-tabs{font-size:16px}.browser-outline>div:first-child{font-size:18px}.browser-outline strong{font-size:68px}.browser-outline>span{font-size:22px}.outline-note{font-size:12px}.sketch-caption{padding:0 6% 23px}.studies-ready[data-study=erase-redraw] .redraw-story{height:360svh}.studies-ready[data-study=erase-redraw] .redraw-frame{height:100svh;min-height:0}.studies-ready[data-study=erase-redraw] .wipe-layer .study-intro{display:block;height:100%;padding:0}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre{position:absolute;top:6%;left:5%;right:5%;width:auto;transform:none}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre .eyebrow{font-size:10px}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre h1{font-size:105px}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre .chalk-stroke{margin-bottom:18px}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-centre h2{font-size:34px;margin-bottom:12px}.studies-ready[data-study=erase-redraw] .wipe-layer .intro-note{font-size:23px}.studies-ready[data-study=erase-redraw] .wipe-layer .study-object{position:absolute;width:38%;max-width:160px;rotate:0deg}.studies-ready[data-study=erase-redraw] .wipe-layer .study-object>.art{width:100%;height:auto;max-width:125px;aspect-ratio:1.06}.studies-ready[data-study=erase-redraw] .wipe-layer .study-object>span:last-child{font-size:22px}.studies-ready[data-study=erase-redraw] .wipe-layer .plant-object{left:7%;top:48%}.studies-ready[data-study=erase-redraw] .wipe-layer .phone-object{right:7%;top:48%}.studies-ready[data-study=erase-redraw] .wipe-layer .book-object{left:7%;top:71%;bottom:auto}.studies-ready[data-study=erase-redraw] .wipe-layer .music-object{right:7%;top:71%;bottom:auto}.studies-ready[data-study=erase-redraw] .wipe-layer .study-project{align-content:center;gap:18px;padding:25px 6% 48px}.studies-ready[data-study=erase-redraw] .wipe-layer .project-words .eyebrow{font-size:10px;margin-bottom:9px}.studies-ready[data-study=erase-redraw] .wipe-layer .project-words h2{font-size:56px;margin-bottom:12px}.studies-ready[data-study=erase-redraw] .wipe-layer .project-words>p:not(.eyebrow){font-size:14px;line-height:1.6;margin-bottom:12px}.studies-ready[data-study=erase-redraw] .wipe-layer .project-words>.button{font-size:13px;min-height:42px;padding:11px 16px}.studies-ready[data-study=erase-redraw] .wipe-layer .project-art{padding-top:0}.studies-ready[data-study=erase-redraw] .wipe-layer .screen-alone{width:130px}.studies-ready[data-study=erase-redraw] .wipe-layer .screen-alone img{max-height:33svh}.studies-ready[data-study=erase-redraw] .wipe-layer .screen-options{margin-top:12px}.studies-ready[data-study=erase-redraw] .wipe-layer .screen-caption{margin-top:7px;font-size:11px}.studies-ready[data-study=erase-redraw] .wipe-layer .chalk-annotation{font-size:21px;max-width:105px}.studies-ready[data-study=erase-redraw] .wipe-layer .saanjh-art{margin:30px 0 20px}.studies-ready[data-study=erase-redraw] .wipe-layer .restaurant-actual{aspect-ratio:1.5;max-width:430px}.studies-ready[data-study=erase-redraw] .redraw-caption{font-size:10px;left:6%;right:6%;bottom:14px}.studies-ready[data-study=erase-redraw] .redraw-caption>span:last-child{display:none}.studies-ready[data-study=sketch-to-screen] .sketch-frame{height:100svh;min-height:0}.studies-ready[data-study=sketch-to-screen] .sketch-frame .study-project{align-content:center;gap:18px;padding:30px 6% 45px}.studies-ready[data-study=sketch-to-screen] .sketch-frame .project-words h2{font-size:56px;margin-bottom:12px}.studies-ready[data-study=sketch-to-screen] .sketch-frame .project-words .eyebrow{font-size:10px;margin-bottom:9px}.studies-ready[data-study=sketch-to-screen] .sketch-frame .project-words>p:not(.eyebrow):not(.outline-note){font-size:14px;line-height:1.55;margin-bottom:12px}.studies-ready[data-study=sketch-to-screen] .sketch-frame .project-words>.button{font-size:13px;min-height:42px;padding:11px 16px}.studies-ready[data-study=sketch-to-screen] .sketch-frame .outline-note{font-size:11px;margin:12px 0 0;max-width:none}.studies-ready[data-study=sketch-to-screen] .sketch-phone{width:145px;max-height:39svh}.studies-ready[data-study=sketch-to-screen] .sketch-phone .wireframe{padding:10px;gap:9px}.studies-ready[data-study=sketch-to-screen] .sketch-phone .wireframe-header{font-size:20px;gap:7px;padding-bottom:9px}.studies-ready[data-study=sketch-to-screen] .sketch-phone .wireframe-action{font-size:15px;padding:8px;min-height:36px}.studies-ready[data-study=sketch-to-screen] .sketch-phone .wireframe-task{font-size:16px;gap:4px;min-height:32px;padding:5px}.studies-ready[data-study=sketch-to-screen] .sketch-phone .wireframe-task>span{font-size:15px}.studies-ready[data-study=sketch-to-screen] .sketch-phone .wireframe-tabs{font-size:13px;padding-top:7px}.studies-ready[data-study=sketch-to-screen] .sketch-frame .project-art{padding-top:0}.studies-ready[data-study=sketch-to-screen] .screen-options{margin-top:10px}.studies-ready[data-study=sketch-to-screen] .sketch-caption{font-size:10px;bottom:14px}.studies-ready[data-study=sketch-to-screen] .sketch-browser{aspect-ratio:1.5}.studies-ready[data-study=sketch-to-screen] .sketch-frame .saanjh-art{margin:25px 0}.studies-ready[data-study=sketch-to-screen] .sketch-frame .chalk-annotation{font-size:21px;max-width:110px}.comparison-hub{padding:40px 6% 45px}.hub-heading h1{font-size:63px}.hub-heading>p:not(.eyebrow){font-size:16px}.study-options{grid-template-columns:1fr;gap:20px;margin-top:30px}.study-options>a{padding:25px}.study-options h2{font-size:49px}.option-art{margin:0 0 15px}.option-art>.art{width:160px;height:151px}.hub-note{font-size:27px}.motion-off .wipe-layer .study-intro{height:auto!important}.motion-off .wipe-layer .study-object{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important}.motion-off .wipe-layer .intro-centre{position:relative!important;inset:auto!important}.motion-off .wipe-layer .study-intro{display:grid!important;padding:40px 20px 30px!important}.motion-off .wipe-layer .study-project,.motion-off .sketch-frame .study-project{min-height:0!important;padding:45px 6%!important}.motion-off .sketch-phone{width:185px!important;max-height:none!important}}
@media(prefers-reduced-motion:reduce){.chalk-route,.eraser-trace{display:none}.redraw-story,.sketch-story{height:auto!important}.redraw-frame,.sketch-frame{position:relative!important;height:auto!important;display:block!important;min-height:0!important;overflow:visible!important}.wipe-layer{position:relative!important;mask-image:none!important;-webkit-mask-image:none!important;display:block!important}.wireframe{display:none}.screen-reveal{clip-path:none!important}.chalk-annotation{opacity:1!important;transform:none!important}}
.wireframe{display:none}.studies-ready[data-study=sketch-to-screen] .wireframe{display:flex}.redraw-frame{display:flex;flex-direction:column}.intro-layer{order:0}.middle-layer{order:1}.final-layer{order:2}.studies-ready[data-study=erase-redraw] .redraw-frame{display:block}.motion-off .redraw-frame{display:flex!important;flex-direction:column}.motion-off .wireframe{display:none!important}