/* Freckle Face brings the play. Google Sans Flex keeps the reading easy. */
:root{--display:'Freckle Face',cursive;--sans:'Google Sans Flex',Arial,sans-serif}
body{font-size:19px;line-height:1.65;font-optical-sizing:auto}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:0;line-height:1.08}
h1 em,h2 em,h3 em{font-family:var(--display);font-weight:400;font-style:normal;font-size:1em}
h2{font-size:clamp(42px,4.4vw,66px)}
.hero h1{font-size:clamp(50px,5.8vw,82px);line-height:1.02;letter-spacing:-.015em}
.hero-copy{min-width:0}.hero{grid-template-columns:1.08fr 1fr;gap:48px}
.hero h1 .headline-star{font-family:var(--sans);margin-left:22px;font-size:.7em}
.hero-description,.tools-hero>div>p:not(.eyebrow){font-size:21px;line-height:1.65;max-width:580px}
.eyebrow{font-size:12px;letter-spacing:1.5px;line-height:1.6}
.hero .eyebrow{font-size:11px;letter-spacing:1.4px}
.button,.header-cta,.text-link,.card-link{font-size:16px;line-height:1.4}
.button{padding:17px 22px}.hero-actions{gap:22px}.hero-actions .button{gap:18px}
.desktop-nav{font-size:15px;gap:28px}.header-cta{font-size:14px}
.micro-note{font-size:13px;line-height:1.6;max-width:430px}
.why-columns{gap:32px}.why-columns p{font-size:19px;line-height:1.7}
.why-section{grid-template-columns:.8fr 2.2fr;gap:55px}
.underlined-note{font-family:var(--sans);font-size:21px;font-variation-settings:'slnt' -7;line-height:1.5}
.scribble,.collage-note,.prompt-note{font-family:var(--display);font-weight:400;font-style:normal;font-size:26px;line-height:1.3}
.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:19px;line-height:1.65;max-width:400px}
.project-reel h3{font-family:var(--display);font-size:44px;line-height:1.12;text-transform:none;letter-spacing:0}
.project-reel .tool-card-copy{padding:42px}.project-reel .tool-card-copy p,.tool-card-copy p{font-size:19px;line-height:1.65}
.project-reel .tool-visual{min-height:510px}.reel-tabs button{font-size:14px;min-height:50px;padding:15px 20px}.reel-tabs button span{font-size:16px}.transport span{font-size:12px}
.prompt-split>div>p:not(.eyebrow){font-size:20px;line-height:1.7}.prompt-card h3{font-family:var(--display);font-size:40px;line-height:1.12;font-weight:400;letter-spacing:0;text-transform:none}
.prompt-card p{font-size:18px;line-height:1.65}.prompt-duration,.prompt-number{font-size:12px;line-height:1.5}
.prompt-card .eyebrow{font-size:11px}.prompt-card .button{font-size:16px}
.memory-sticker{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.25vw,32px);line-height:1.05;padding:19px 23px}
.memory-sticker.script{font-family:var(--display);font-size:31px;font-style:normal;line-height:1.15;padding:18px 23px}
.memory-sticker.round{font-size:24px;width:190px;height:190px}
.wall-under{gap:32px}.wall-under p{font-size:14px;line-height:1.55}.wall-under #sticker-idea{font-size:17px;line-height:1.6;min-height:72px}
.wall-caption{font-size:11px}.reset-stickers{font-size:16px}
.drawing-studio{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.drawing-scene .scribble{font-family:var(--display);font-size:25px}
.art-controls legend{font-size:12px;letter-spacing:1.3px}.art-controls fieldset{margin-bottom:25px}
.art-controls>p,#drawing-help{font-size:14px;line-height:1.6}.art-controls .button{font-size:16px;gap:10px}
.field-label,.range-label{font-size:15px}.art-controls input[type=text],.art-controls select{font-size:16px;padding:12px}
.brushes button{font-size:12px;min-height:68px}.brushes button span{font-size:25px}
.ink-colors>button,.custom-ink{width:38px;height:46px}.ink-colors{gap:11px}
.slate-header{font-size:11px;letter-spacing:1px}.slate-header button{font-size:12px;padding:9px 14px}
.canvas-bottom{font-size:12px;gap:12px;align-items:start;padding-top:15px;flex-wrap:wrap}.canvas-bottom>span{max-width:100%;flex:1;min-width:175px}.canvas-bottom button{font-size:13px;min-height:36px;padding:7px}.canvas-bottom>div{gap:4px}
.canvas-hint{font-family:var(--display);font-style:normal;font-size:24px}
.preview-top h2{font-size:33px}.preview-bottom p{font-size:15px}
.chapter-toggle{min-width:250px;padding:9px 14px}.chapter-toggle small{font-size:9px;letter-spacing:1.5px}.chapter-toggle strong{font-size:14px}.chapter-reel{width:35px;height:35px;font-size:26px}
#chapter-menu{width:300px}#chapter-menu a{font-size:16px;padding:12px}#chapter-menu a span{font-size:12px}
.experience-options button{font-size:13px;padding:11px 14px;min-height:44px}.experience-options a{min-height:44px}
.tools-hero h1{font-size:clamp(48px,5.5vw,80px);line-height:1.08;letter-spacing:-.02em}
.toolbox-stamp strong{font-family:var(--display);font-weight:400;font-size:32px;line-height:1.1}.toolbox-stamp>span{font-size:10px}
.tool-benefits{font-size:14px;gap:20px}.tool-benefits span{font-size:14px}
.tool-filters button{font-size:15px;min-height:44px;padding:10px 16px}.directory-top{gap:25px;flex-wrap:wrap}
.feature-copy h2{font-size:clamp(40px,4.1vw,60px);line-height:1.1}.feature-copy p,.feature-list{font-size:19px;line-height:1.7}.feature-list li{font-size:17px;line-height:1.55}
.tool-format{font-size:12px;line-height:1.6;letter-spacing:.7px}.feature-art .feature-art-tag{font-size:10px;letter-spacing:1px}.feature-art .demo-button{font-size:14px;min-height:44px;padding:11px 17px}
.book-inside h3,.card-back h3{font-family:var(--display);font-weight:400;font-size:31px;line-height:1.05}.book-inside p,.card-back p{font-size:13px;line-height:1.4}.book-inside>span,.card-back>span{font-size:10px}
.how-grid h3{font-family:var(--display);font-size:28px;line-height:1.2}.how-grid p{font-size:18px;line-height:1.65}.how-grid>div>span{font-family:var(--display);font-weight:400}
.faq-list summary{font-size:19px;line-height:1.5;gap:20px}.faq-list details p{font-size:18px;line-height:1.75}.faq-section{gap:45px}
.tools-last p{font-family:var(--display);font-weight:400;font-size:clamp(34px,4vw,60px);line-height:1.2}.tools-last p em{font-family:inherit;font-style:normal}
.closing h2{font-size:clamp(42px,5.2vw,74px);line-height:1.08}
.site-footer nav,.footer-top p,.back-top{font-size:16px;line-height:1.6}.footer-bottom{font-size:12px;line-height:1.6}.site-footer .wordmark,.site-header .wordmark{font-family:var(--sans)}.wordmark>span:not(.brand-dot){font-family:var(--sans);font-style:normal;font-variation-settings:'slnt' -8}
/* The paper objects use the same new lettering, with room for its wider shapes. */
.peach-sticker{font-family:var(--display);font-weight:400;font-size:23px;line-height:1.08;width:158px;padding:18px 7px}.peach-sticker em{font-family:var(--sans);font-size:13px;line-height:1.35;font-style:normal}
.hero-print figcaption{font-family:var(--sans);font-size:14px;line-height:1.5}.hero-print figcaption em{font-family:var(--sans);font-size:1em}.vhs-label>strong{font-family:var(--display);font-size:20px;font-weight:400;font-style:normal}.film-ribbon>div{font-weight:400;font-size:27px}
.mini-book strong{font-family:var(--display);font-weight:400;font-size:31px;line-height:1.1}.mini-card>div>span{font-family:var(--display);font-size:23px;line-height:1.2}.mini-card small{font-family:var(--sans);font-size:11px}.mini-idea strong{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.1}.mini-idea .idea-lines{font-size:13px;line-height:1.5}.object-label{font-size:9px;letter-spacing:1px}
@media(max-width:1100px){.hero{gap:30px}.hero h1{font-size:clamp(42px,5.5vw,64px)}.hero-description{font-size:19px}.why-section{gap:35px;grid-template-columns:.7fr 2.3fr}.why-columns{grid-template-columns:1fr;gap:20px}.why-columns p{font-size:19px}.project-reel h3{font-size:38px}.project-reel .tool-card-copy{padding:32px}.drawing-studio{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.art-controls .button{font-size:14px}.ink-colors{gap:8px}.memory-sticker{font-size:26px;padding:16px 20px}.memory-sticker.script{font-size:27px}.memory-sticker.round{font-size:22px;width:155px;height:155px}.feature-copy h2{font-size:42px}.tool-feature{gap:40px}.feature-copy p{font-size:18px}.tool-feature .mini-book strong{font-size:33px}}
@media(max-width:850px){.site-header.wrap{gap:18px;padding-inline:25px}.desktop-nav{font-size:14px;gap:20px}.header-cta{font-size:13px;gap:13px;padding:10px 12px}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:45px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-description{font-size:18px}.hero-actions .button{font-size:14px;gap:15px}.hero-actions .text-link{font-size:14px}.hero-collage .peach-sticker{width:135px;font-size:20px}.hero-collage .vhs-tape{width:235px}.why-section{grid-template-columns:1fr;gap:32px}.why-scene .why-section{padding-block:90px}.section-side .scribble,.section-side .hand-arrow{display:none}.why-copy h2{font-size:48px}.why-columns{grid-template-columns:1fr 1fr}.why-columns p{font-size:18px}.section-heading{gap:35px}.section-heading>div>p:not(.eyebrow){font-size:18px}.project-reel .tool-card{grid-template-columns:1fr}.project-reel .tool-visual{min-height:390px;border-right:0;border-bottom:1px solid var(--ink)}.project-reel .tool-card-copy{padding:35px}.project-reel h3{font-size:40px}.project-reel .tool-card-copy p{max-width:none}.reel-tabs button{padding:12px 14px}.reel-tabs button span{font-size:14px}.drawing-studio{grid-template-columns:1fr}.art-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px 32px}.art-controls fieldset{margin:0}.art-controls fieldset:nth-child(3){grid-column:1;grid-row:2}.art-controls .button{grid-column:2;align-self:start;margin-top:26px;font-size:16px}.art-controls>p{grid-column:2;margin-top:-60px;align-self:end}.art-controls legend{font-size:12px}.tool-feature{grid-template-columns:1fr;padding-inline:36px}.tool-feature .feature-art{min-height:530px}.tool-feature .feature-copy{padding-bottom:20px}.feature-copy h2{font-size:48px}.feature-reverse .feature-art,.feature-reverse .feature-copy{order:initial}.tool-feature .feature-art .mini-book{width:285px}.tool-feature .feature-art .mini-card{width:310px}.tool-feature .feature-art .mini-idea{width:290px}}
@media(max-width:650px){body{font-size:18px}.site-header.wrap{padding-inline:20px;gap:20px}.hero{grid-template-columns:1fr;gap:34px;padding-top:38px}.hero h1{font-size:clamp(40px,11.3vw,64px);line-height:1.08}.hero .eyebrow{font-size:10px;letter-spacing:1.05px}.hero-description{font-size:19px;line-height:1.65;margin-top:25px;max-width:none}.hero-actions{gap:26px;margin-top:28px}.hero-actions .button,.hero-actions .text-link{font-size:16px}.hero-actions .button{padding:16px 18px}.micro-note{font-size:13px;max-width:none}.hero-print figcaption{font-size:13px}.hero-collage .peach-sticker{width:140px;font-size:21px}.hero-collage .vhs-tape{width:245px}.film-ribbon>div{font-size:24px;gap:30px}.eyebrow{font-size:11px;letter-spacing:1.2px}h2,.why-scene .why-copy h2{font-size:clamp(34px,9.5vw,48px);line-height:1.12}.why-columns{grid-template-columns:1fr;gap:22px}.why-columns p{font-size:19px}.underlined-note{font-size:20px}.section-heading>div>p:not(.eyebrow),.section-heading>p{font-size:19px}.section-heading{gap:25px}.reel-tabs{gap:3px}.reel-tabs button{padding:12px 6px;gap:5px;font-size:11px}.reel-tabs button span{font-size:13px}.transport span{font-size:13px}.transport button{width:44px;height:44px}.project-reel h3{font-size:34px}.project-reel .tool-card-copy{padding:28px 24px}.project-reel .tool-card-copy p{font-size:19px}.project-reel .tool-visual{min-height:360px}.prompt-card{padding:28px 25px}.prompt-card h3{font-size:32px}.prompt-card p{font-size:18px;line-height:1.65}.prompt-card .eyebrow{font-size:10px;letter-spacing:1px}.prompt-card .button{font-size:15px;padding:15px}.prompt-split>div>p:not(.eyebrow){font-size:19px}.prompt-duration{font-size:12px}.prompt-top{gap:12px;align-items:start;flex-wrap:wrap}.memory-wall{height:600px}.memory-sticker{font-size:20px;line-height:1.05;padding:12px 15px;max-width:67%}.memory-sticker.script{font-size:23px;padding:15px}.memory-sticker.round{width:117px;height:117px;font-size:19px}.wall-caption{font-size:9px;letter-spacing:1px}.wall-under p{font-size:14px;line-height:1.6}.wall-under #sticker-idea{font-size:17px;min-height:82px}.wall-under{gap:14px}.drawing-scene .scribble{font-size:23px}.slate-header{font-size:9px;letter-spacing:.7px;gap:8px}.slate-header button{font-size:11px;padding:9px 10px}.canvas-hint{font-size:18px}.canvas-bottom{font-size:13px;gap:7px}.canvas-bottom>span{flex-basis:100%}.canvas-bottom>div{width:100%;justify-content:flex-end;gap:12px}.canvas-bottom button{font-size:14px;min-height:40px}.art-controls{grid-template-columns:1fr;gap:25px}.art-controls fieldset:nth-child(1),.art-controls fieldset:nth-child(2),.art-controls fieldset:nth-child(3),.art-controls .button,.art-controls>p{grid-column:1;grid-row:auto;margin:0}.art-controls fieldset:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.art-controls fieldset:nth-child(2) legend,.brushes{grid-column:1/-1}.art-controls legend{font-size:12px}.ink-colors{justify-content:space-between;gap:10px}.ink-colors>button,.custom-ink{width:42px;height:48px}.brushes button{font-size:13px;padding:10px 4px;min-height:70px}.art-controls>p{font-size:15px}.art-controls .button{font-size:16px;padding:17px 20px}.preview-top h2{font-size:25px}.preview-bottom p{font-size:14px}.preview-bottom .button{font-size:16px}.chapter-toggle{min-width:0;width:208px;padding:9px 10px;gap:8px}.chapter-toggle strong{font-size:13px}.chapter-toggle small{font-size:8px;letter-spacing:1px}.chapter-reel{width:28px;height:28px;font-size:22px;flex-shrink:0}.chapter-toggle>span:last-child{font-size:14px}#chapter-menu{width:285px}#chapter-menu a{font-size:16px}.experience-options{gap:6px}.experience-options button{font-size:11px;padding:9px;min-height:44px}.experience-options a{width:36px;min-height:44px}.tools-hero h1{font-size:clamp(34px,8.8vw,48px);line-height:1.13;letter-spacing:-.02em}.tools-hero>div>p:not(.eyebrow){font-size:19px;line-height:1.65}.tool-benefits span{font-size:14px}.tool-benefits{gap:18px 16px}.directory-top .eyebrow{font-size:11px}.tool-filters{gap:6px;flex-wrap:wrap}.tool-filters button{font-size:14px;padding:10px 12px;min-height:44px}.tool-feature{padding-inline:20px;gap:32px}.tool-feature .feature-art{min-height:445px}.feature-copy h2{font-size:36px;line-height:1.15}.feature-copy p{font-size:19px}.feature-list li{font-size:17px}.feature-copy .button{font-size:16px}.feature-art .feature-art-tag{font-size:9px;max-width:85%}.feature-art .demo-button{font-size:14px}.tool-feature .feature-art .mini-book{width:235px}.tool-feature .feature-art .mini-card{width:260px}.tool-feature .feature-art .mini-idea{width:250px}.book-inside,.card-back{inset:15% 10% 24%;padding:18px}.book-inside h3,.card-back h3{font-size:29px}.book-inside p,.card-back p{font-size:13px}.how-grid h3{font-size:26px}.how-grid p{font-size:19px}.faq-list summary{font-size:18px;padding-block:23px}.faq-list details p{font-size:18px;line-height:1.7}.tools-last p{font-size:34px;line-height:1.22}.closing h2{font-size:35px;line-height:1.15}.site-footer nav,.footer-top p,.back-top{font-size:16px}.footer-bottom{font-size:12px;gap:18px}.mini-book strong{font-size:28px}.mini-idea strong{font-size:26px}.object-label{font-size:8px}}
@media(max-width:370px){.chapter-toggle{width:188px}.chapter-toggle strong{font-size:12px}.chapter-reel{width:25px;height:25px}.experience-options button{font-size:10px;padding:8px}.experience-options a{width:31px}.hero-actions .button{font-size:15px}.reel-tabs button span{font-size:12px}.tools-hero h1{font-size:31px}}

@media(max-width:350px){.chapter-toggle{width:170px}.chapter-toggle strong{font-size:11px}.chapter-reel{width:22px;height:22px}.experience-options{gap:4px}}

/* Let the sample page grow with the larger caption instead of clipping it. */
.book-inside{bottom:auto;height:auto}