/* Paper, fabric-print mats and collected scraps — drawn from the maker's references. */
:root{
 --scrap-cream:#fff8e8;
 --scrap-check:repeating-linear-gradient(0deg,#d3288124 0 12px,transparent 12px 24px),repeating-linear-gradient(90deg,#d3288134 0 12px,transparent 12px 24px);
 --scrap-dots:radial-gradient(var(--purple) 2px,transparent 2.6px);
 --scrap-edge:polygon(0 1%,7% 0,14% 1.4%,23% .3%,33% 1.2%,43% 0,55% 1%,68% .2%,80% 1.3%,91% 0,100% 1%,99.4% 18%,100% 36%,99.2% 55%,100% 77%,99.4% 99%,88% 98.7%,76% 100%,64% 98.8%,53% 99.6%,42% 98.6%,30% 100%,20% 99%,9% 100%,0 98.5%,.7% 79%,0 60%,.7% 40%,0 21%);
}
.site-header{background:var(--scrap-cream);border-bottom:0}
.scrapbook-page{background:var(--scrap-cream)}
.scrapbook-page main{overflow:clip}
.scrapbook-page .hero{background:var(--scrap-cream);padding-top:45px;padding-bottom:88px;min-height:760px}
.scrapbook-papers{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.scrap-paper{position:absolute;display:block;clip-path:var(--scrap-edge)}
.paper-gingham{left:-40px;top:85px;width:34%;height:515px;background-color:var(--pink);background-image:var(--scrap-check);transform:rotate(-11deg)}
.paper-stars{right:-80px;top:28px;width:37%;height:635px;background:var(--pink) url('paper-stars.svg');transform:rotate(10deg)}
.paper-stripes{left:6%;top:47px;width:230px;height:104px;background:repeating-linear-gradient(90deg,var(--purple) 0 13px,var(--lilac) 13px 26px);transform:rotate(-18deg)}
.paper-dots{right:4%;top:107px;width:177px;height:185px;background-color:var(--scrap-cream);background-image:var(--scrap-dots);background-size:20px 20px;transform:rotate(17deg)}
.paper-star{position:absolute;left:21%;bottom:103px;width:80px;height:80px;fill:var(--yellow);stroke:var(--purple);stroke-width:.5;transform:rotate(14deg)}
.hero-center::before{content:'';position:absolute;inset:-14px -37px -25px;z-index:-1;background:var(--paper);clip-path:var(--scrap-edge);transform:rotate(-2.2deg)}
.hero-center{max-width:590px}
.hero-note{margin-left:-115px;background:var(--yellow);padding:4px 17px;box-shadow:3px 5px 6px #32203e1c;transform:rotate(-6deg)}
.hero-logo{transform:rotate(2deg)}
.hero-motto{font-size:22px;margin-bottom:5px}
.concept-space{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;max-width:none;margin:10px auto 18px;min-height:70px}
.concept-planet,.concept-moon{width:62px;height:62px;overflow:visible;flex:none}
.concept-planet{transform:rotate(-10deg)}
.concept-moon{transform:rotate(13deg)}
.cutout-word{display:inline-flex;align-items:center;gap:2px;font-family:Manrope,sans-serif;font-size:37px;line-height:1.06;font-weight:800;letter-spacing:-.035em}
.cutout-word>span{display:inline-block;min-width:.6em;padding:1px 3px 3px;background:var(--yellow);color:var(--ink);transform:rotate(-7deg);box-shadow:1px 3px 3px #32203e1e}
.cutout-word>span:nth-child(2n){background:var(--purple);color:var(--white);font-family:Georgia,serif;transform:rotate(5deg);font-style:italic}
.cutout-word>span:nth-child(3n){background:var(--pink);color:var(--ink);transform:rotate(-3deg) translateY(-3px)}
.cutout-word>span:nth-child(4n){background:var(--blue);color:var(--ink);font-family:'Shantell Sans',sans-serif;transform:rotate(7deg)}
.hero-copy{font-size:21px;margin:0 auto 20px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:22px}
.hero-instagram{position:relative;display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;gap:10px;min-height:48px;padding:8px 20px;margin:20px auto 0;background:var(--pink);color:var(--ink);font-size:18px;font-weight:800;transform:rotate(-3deg);box-shadow:2px 4px 7px #32203e1c;isolation:isolate;transition:transform 180ms var(--ease),background 180ms ease;text-underline-offset:4px}
.hero-instagram::before,.hero-instagram::after{content:'';position:absolute;top:50%;transform:translateY(-50%);width:10px;height:26px;border-block:1px solid var(--purple);pointer-events:none}
.hero-instagram::before{left:6px}.hero-instagram::after{right:6px}
.hero-instagram>svg{width:20px;height:20px}
.hero-instagram>svg:last-child{width:17px}
.hero-actions .hero-instagram{margin:0;width:350px;max-width:calc(100% - 12px);min-height:68px;font-size:22px;padding:14px 28px;gap:14px;flex:none}
.hero-actions .hero-instagram>svg{width:26px;height:26px;flex:none}
.hero-actions .hero-instagram>svg:last-child{width:22px}
.hero-instagram:hover{background:var(--yellow);transform:rotate(0);text-decoration:underline}
.hero-caption{font-size:12px;margin-bottom:0}
.sticker-axo{top:218px;left:max(4px,calc(50% - 606px));transform:rotate(-17deg)}
.sticker-frog{top:355px;right:max(4px,calc(50% - 615px));transform:rotate(11deg)}
.sticker-axo>.hand,.sticker-frog>.hand{width:max-content;max-width:100%;padding:5px 12px;background:var(--scrap-cream);box-shadow:2px 3px 5px #32203e19}
.sticker-axo>.hand{margin-left:24px;transform:rotate(8deg)}
.sticker-frog>.hand{margin-left:3px;transform:rotate(-16deg)}
.heartmade{background:var(--matcha);right:34px;top:-174px}
.hero .star-one{left:5%;top:117px;color:var(--ink);z-index:1}
.hero .star-two{right:21%;top:20px;font-size:80px}
.hero .heart-one{left:7%;bottom:74px;font-size:76px}
.motto-strip{position:relative;z-index:4;transform:rotate(-1deg);margin:-10px -1px 0;padding-block:15px;border:0;background:var(--purple)}

/* An album spread: different photo proportions and patterned mounts. */
.collection{background:var(--scrap-cream);overflow:clip;padding-top:100px}
.section-heading h2 em{position:relative;display:inline-block;padding:5px 10px;background:var(--yellow);transform:rotate(-3deg)}
.margin-note{background:var(--blue);transform:rotate(10deg);box-shadow:4px 8px 12px #32203e22}
.margin-note::after{content:'';position:absolute;left:-28px;right:17px;top:14px;bottom:-18px;z-index:-1;background-color:var(--pink);background-image:var(--scrap-check);transform:rotate(-7deg)}
.filters{gap:13px}
.filter{background:var(--white);border:1px solid var(--purple);border-radius:0;transform:rotate(-1.4deg)}
.filter:nth-child(even){transform:rotate(2deg)}
.filter.active{background:var(--purple)}
.creature-grid{grid-template-columns:1fr 1.06fr .96fr;gap:48px 36px}
.creature-card:nth-child(3n+2){margin-top:57px}
.creature-card:nth-child(3n){margin-top:17px}
.photo-link{padding:16px 16px 13px;background-color:var(--blue);background-image:repeating-linear-gradient(90deg,#5837771c 0 2px,transparent 2px 13px);box-shadow:3px 9px 14px #32203e25}
.creature-card:nth-child(3n+2) .photo-link{background-color:var(--pink);background-image:var(--scrap-check)}
.creature-card:nth-child(3n) .photo-link{background-color:var(--yellow);background-image:var(--scrap-dots);background-size:17px 17px}
.photo-link::before{height:28px;width:88px;background:#fff8e8da;transform:rotate(12deg);top:-13px;left:28%}
.creature-card:nth-child(3n+2) .photo-link::before{background:#c6d894d9;transform:rotate(-8deg)}
.creature-card:nth-child(3n) .photo-link::before{background:#d9c5f1de;transform:rotate(-10deg)}
.photo{aspect-ratio:1.02;border:4px solid var(--white)}
.creature-card:nth-child(3n+2) .photo{aspect-ratio:1.18}
.creature-card:nth-child(3n) .photo{aspect-ratio:.97}
.card-title{display:block;background:var(--scrap-cream);padding:11px 12px 9px;margin:12px 0 0;transform:rotate(-1deg);min-height:73px}
.card-title h3{font-size:18px;letter-spacing:-.025em}
.card-title span{display:block;margin-top:4px;font-size:11px}
.order-link{padding-inline:3px}
.collection-note{border-top:1px dashed var(--purple);margin-top:56px}

/* Keep the note readable; put the decorative paper at the edges. */
.custom-section{background:var(--pink);border:0;isolation:isolate;overflow:clip}
.custom-section::before{content:'';position:absolute;z-index:-1;left:-28px;top:-28px;bottom:-28px;width:17%;background:var(--scrap-check) var(--scrap-cream);transform:rotate(-5deg);clip-path:var(--scrap-edge)}
.custom-intro{background:var(--pink);padding:18px 0}
.idea-paper{box-shadow:6px 13px 20px #66224d2e}
.idea-paper::before{content:'';position:absolute;left:-13px;right:-13px;top:19px;bottom:-20px;z-index:-2;background-color:var(--blue);background-image:repeating-linear-gradient(0deg,#58377735 0 2px,transparent 2px 12px);transform:rotate(-3deg)}
.idea-paper::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--white)}
.paper-tape::before{background-color:var(--yellow);background-image:radial-gradient(#d3288155 1.5px,transparent 2px);background-size:8px 8px}
.print-section::before{content:'';position:absolute;left:0;right:0;top:-9px;height:18px;background:var(--ink);clip-path:var(--scrap-edge)}
.print-section .section-heading h2 em{color:var(--ink);background:var(--pink)}
.print-image{padding:17px;background:var(--scrap-check) var(--pink)}
.print-card:nth-child(2){padding-top:50px}
.print-card:nth-child(2) .print-image{background:repeating-linear-gradient(90deg,var(--yellow) 0 8px,var(--scrap-cream) 8px 13px)}
.print-card:nth-child(3) .print-image{background-color:var(--blue);background-image:var(--scrap-dots);background-size:14px 14px}
.about-section{background:var(--scrap-cream)}
.about-collage::before{content:'';position:absolute;inset:5px -8px -15px;background:var(--pink) url('paper-stars.svg');transform:rotate(5deg);clip-path:var(--scrap-edge)}
.about-photo{padding:15px 15px 24px;transform:rotate(-4deg)}
.about-copy h2 em{display:inline-block;background:var(--lilac);padding:2px 7px;transform:rotate(-3deg)}
.site-footer{border-top:7px double var(--purple)}

@media(max-width:1100px){
 .hero-center{max-width:520px}.hero-center::before{inset-inline:-20px}
 .hero-logo{width:480px}.cutout-word{font-size:32px}.concept-space{gap:9px}.concept-planet,.concept-moon{width:49px;height:49px}
 .sticker-axo{left:0;top:247px;width:200px}.sticker-frog{right:0;top:424px;width:225px}
 .sticker-frog>.hand{font-size:12px}.sticker-axo>.hand{font-size:16px;margin-left:10px}
 .paper-gingham{width:30%}.paper-stars{width:33%}.paper-dots{width:136px;height:169px;right:1%}
 .creature-grid{gap:40px 29px}.photo-link{padding:12px}.card-title{padding:9px}.card-title h3{font-size:16px}
 .custom-making{gap:4px}.knitting-sticker{flex-basis:170px;width:170px}
}
@media(max-width:800px){
 .scrapbook-page .hero{min-height:962px;padding-top:40px}
 .hero-center{max-width:450px}.hero-center::before{inset-inline:-16px;bottom:-26px}
 .hero-logo{width:430px}.hero-motto{font-size:21px}.hero-copy{font-size:20px}
 .sticker-axo{top:676px;left:7%;width:180px}.sticker-frog{top:698px;right:7%;width:220px}
 .sticker-axo img{height:190px;width:180px}.sticker-frog img{height:178px;width:220px}
 .sticker-axo>.hand{font-size:13px;margin-left:12px}.sticker-frog>.hand{font-size:12px}
 .heartmade{top:-49px;right:4px;width:74px;height:74px;font-size:17px}
 .paper-gingham{width:38%;height:600px;top:165px}.paper-stars{width:42%;height:620px;top:285px}
 .paper-stripes{left:-90px;top:64px}.paper-dots{right:-83px;top:67px}
 .hero .star-one{top:37px;left:4%;font-size:40px}.hero .star-two{top:17px;right:8%;font-size:48px}
 .hero .heart-one{left:44%;bottom:85px;font-size:65px}.paper-star{bottom:208px;left:8%;width:54px;height:54px}
 .creature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 27px}
 .creature-card:nth-child(3n+2),.creature-card:nth-child(3n){margin-top:0}
 .creature-card:nth-child(even){margin-top:32px}
 .print-card:nth-child(2){padding-top:25px}
}
@media(max-width:600px){
 .scrapbook-page .hero{padding:29px 20px 65px;min-height:937px}
 .hero-center{max-width:350px}.hero-center::before{inset:-10px -5px -21px;transform:rotate(-1.3deg)}
 .hero-note{font-size:12px;margin-left:-12px;padding:4px 10px;max-width:100%}
 .hero-logo{width:330px;height:223px;margin:-2px auto -29px}
 .hero-motto{font-size:18px;margin-bottom:0}
 .concept-space{gap:7px;margin:14px -7px 16px;min-height:55px}
 .cutout-word{font-size:25px;gap:1px}.cutout-word>span{padding:1px 2px 3px}
 .concept-planet,.concept-moon{width:35px;height:42px}
 .hero-copy{font-size:18px;margin:0 auto 17px}
 .hero-instagram{font-size:16px;margin-top:19px;padding:7px 17px;gap:9px;min-height:46px}
 .hero-actions{margin-top:22px}
 .hero-actions .hero-instagram{width:310px;min-height:62px;font-size:clamp(17px,4.8vw,20px);padding:12px 22px;gap:11px}
 .hero-actions .hero-instagram>svg{width:23px;height:23px}
 .hero-actions .hero-instagram>svg:last-child{width:19px}
 .hero-caption{font-size:10px;margin-top:14px}
 .hero-center>.button{min-height:48px;font-size:13px}
 .sticker-axo{left:5px;top:650px;width:145px;transform:rotate(-13deg)}
 .sticker-axo img{height:177px;width:145px}
 .sticker-axo>.hand{font-size:11px;line-height:1.4;margin-left:4px;padding:4px 9px}
 .sticker-frog{right:7px;top:707px;width:175px;transform:rotate(10deg)}
 .sticker-frog img{height:140px;width:175px}
 .sticker-frog>.hand{font-size:10px;margin-left:-2px;padding:4px 7px}
 .heartmade{right:15px;top:-65px;width:64px;height:64px;font-size:14px}
 .hero .heart-one{left:44%;bottom:61px;font-size:39px}
 .hero .star-one{left:1px;top:176px;font-size:25px}.hero .star-two{right:0;top:38px;font-size:34px}
 .paper-gingham{top:425px;width:65%;left:-45px;height:440px;transform:rotate(-8deg)}
 .paper-stars{top:42px;right:-70px;width:72%;height:780px;transform:rotate(7deg)}
 .paper-stripes{top:68px;left:-90px;width:160px;height:182px;transform:rotate(-10deg)}
 .paper-dots{right:-52px;top:612px;width:168px;height:170px;transform:rotate(16deg)}
 .paper-star{left:43%;bottom:240px;width:52px;height:52px}
 .motto-strip{transform:rotate(-1.2deg);font-size:9px}
 .collection{padding-top:65px}
 .section-heading h2{font-size:29px;line-height:1.4}.section-heading h2 em{padding:2px 6px}
 .creature-grid{gap:25px 17px}.creature-card:nth-child(even){margin-top:22px}
 .photo-link{padding:9px 8px 9px}.photo-link::before{width:54px;height:19px;top:-8px}
 .photo{border-width:2px;aspect-ratio:1!important}
 .card-title{padding:8px 5px;margin-top:9px;min-height:78px}
 .card-title h3{font-size:13px;min-height:37px}.card-title span{font-size:10px;margin-top:4px}
 .order-link{font-size:12px;padding-inline:1px}
 .filters{gap:8px}.filter{min-height:44px;font-size:11px;padding:8px 10px}
 .collection-note{margin-top:32px}
 .custom-section::before{width:18%;left:-23px}
 .custom-intro{padding:0;background:none}
 .idea-paper::before{left:-8px;right:-8px;bottom:-14px;transform:rotate(-2deg)}
 .knitting-sticker{width:145px;flex-basis:145px}
 .print-card:nth-child(2){padding-top:0}
 .print-image{padding:15px}
 .print-section h2{line-height:1.4}
 .about-collage::before{inset:3px 0 -11px}
 html[lang=ja] .concept-space{margin-block:12px 15px}
}
@media(max-width:359px){
 .scrapbook-page .hero{padding-inline:17px;min-height:965px}
 .cutout-word{font-size:22px}.concept-space{gap:6px}.concept-planet,.concept-moon{width:29px}
 .hero-motto{font-size:16px}.hero-copy{font-size:17px}
 .hero-instagram{font-size:15px}.sticker-axo{top:671px;width:132px}.sticker-frog{top:730px;width:160px}
 .sticker-axo img{width:132px;height:172px}.sticker-frog img{width:160px;height:130px}
 .card-title{padding-inline:4px}.card-title h3{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.hero-instagram{transition:none}}

/* Little stitched paper tabs for the creature album. */
.filters{gap:16px;padding:8px 3px 4px;align-items:center}
.filter{--tab-paper:var(--pink);position:relative;isolation:isolate;min-height:52px;padding:12px 19px;gap:9px;background:var(--tab-paper);color:var(--ink);border:0;border-radius:14px 5px 12px 6px;box-shadow:2px 4px 6px #32203e24;transition:transform 180ms var(--ease),box-shadow 180ms ease}
.filter:nth-child(2){--tab-paper:var(--lilac);border-radius:5px 14px 6px 12px}
.filter:nth-child(3){--tab-paper:var(--blue);transform:rotate(-2deg)}
.filter:nth-child(4){--tab-paper:var(--yellow);border-radius:6px 13px 5px 14px}
.filter::before{content:'';position:absolute;inset:4px;border:1px dashed #58377775;border-radius:inherit;pointer-events:none}
.filter::after{content:'';position:absolute;width:31px;height:12px;left:calc(50% - 15px);top:-6px;background:#fffdf8ba;transform:rotate(-8deg);pointer-events:none}
.filter-heart{width:17px;height:17px;flex:none;color:var(--purple)}
.filter.active{background:var(--tab-paper);color:var(--ink);box-shadow:2px 5px 8px #32203e2c;outline:2px solid var(--purple);outline-offset:3px}
.filter.active .filter-heart{fill:var(--hotpink);stroke:var(--ink)}
.filter span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:50%;background:var(--white);color:var(--purple);font-size:10px;font-weight:800;opacity:1}
.filter:not(.active):hover{background:var(--tab-paper)}
.filter:focus-visible{outline:3px solid var(--hotpink);outline-offset:5px}
@media(hover:hover){.filter:hover{transform:rotate(0) translateY(-2px);box-shadow:2px 6px 9px #32203e26}}
@media(max-width:600px){
 .filters{gap:17px 13px;margin-bottom:34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:370px}
 .filter{justify-content:center;min-height:48px;padding:10px 9px;font-size:12px;gap:7px}
 .filter-heart{width:15px;height:15px}.filter span{min-width:20px;height:20px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.filter{transition:none}.filter:hover{transform:none}}
html[data-input=keyboard] .filter{transition:none}

/* Each paper planet has its own route, pace and starting phase. */
.concept-space{height:190px;min-height:190px;isolation:isolate;margin-block:8px 12px}
.planet-stage{position:absolute;display:block;left:0;top:0;width:calc(var(--planet-size) * var(--planet-scale));height:calc(var(--planet-size) * var(--planet-scale));--planet-size:56px;--planet-scale:1.1;pointer-events:none;perspective:260px;offset-path:inset(26px 26px round 52px);offset-rotate:0deg;offset-distance:14%;--journey-time:38s;--journey-delay:-5.32s;--journey-direction:normal;--planet-turn:28s;--turn-delay:-8s;--turn-direction:normal;transform:none}
.planet-stage.concept-moon{offset-path:inset(40px 40px 34px 32px round 40px);offset-distance:48%;--journey-time:26s;--journey-delay:-12.48s;--planet-turn:17s;--turn-delay:-2s;--turn-direction:reverse;--planet-scale:.78}
.planet-stage.concept-matcha{offset-path:inset(20px 30px 34px 22px round 48px);offset-distance:72%;--journey-time:45s;--journey-delay:-32.4s;--planet-turn:37s;--turn-delay:-19s;--planet-scale:.98}
.planet-stage.concept-lilac{offset-path:inset(32px 45px 20px 38px round 56px);offset-distance:90%;--journey-time:33s;--journey-delay:-29.7s;--journey-direction:normal;--planet-turn:22s;--turn-delay:-11s;--planet-scale:.86}
.planet-drift,.planet-paper{display:block;width:100%;height:100%;transform-style:preserve-3d}
.planet-art{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(2px 4px 2px #32203e2b)}
.planet-orbit{display:block;position:absolute;right:-1px;top:0;width:11px;height:11px;color:var(--hotpink)}
.planet-orbit svg{display:block;width:100%;height:100%;fill:currentColor;stroke:var(--white);stroke-width:3}
.concept-moon .planet-orbit{color:var(--purple)}
.motion-ready .planet-stage{animation:concept-journey var(--journey-time) linear var(--journey-delay) infinite var(--journey-direction) paused}
.motion-ready .planet-drift{animation:concept-depth var(--journey-time) linear var(--journey-delay) infinite var(--journey-direction) paused}
.motion-ready .planet-paper{animation:planet-turn var(--planet-turn) linear var(--turn-delay) infinite var(--turn-direction) paused}
.motion-on .planet-stage.in-view,.motion-on .planet-stage.in-view .planet-drift,.motion-on .planet-stage.in-view .planet-paper{animation-play-state:running}
@keyframes concept-journey{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes concept-depth{
 0%,100%{transform:scale(.95) rotateY(-12deg)}
 25%{transform:scale(1) rotateY(0deg)}
 50%{transform:scale(.95) rotateY(12deg)}
 75%{transform:scale(.86) rotateY(0deg)}
}
@keyframes planet-turn{to{transform:rotateZ(360deg)}}
@media(max-width:1100px){
 .planet-stage{--planet-size:42px;offset-path:inset(24px 14px round 30px)}
 .planet-stage.concept-moon{offset-path:inset(34px 21px 27px 18px round 22px)}
 .planet-stage.concept-matcha{offset-path:inset(21px 11px 29px 14px round 30px)}
 .planet-stage.concept-lilac{offset-path:inset(29px 20px 20px 20px round 30px)}
}
@media(max-width:600px){
 .concept-space{height:180px;min-height:180px;margin-block:8px 10px}
 .planet-stage{--planet-size:34px;offset-path:inset(22px 12px round 24px)}
 .planet-stage.concept-moon{offset-path:inset(34px 18px 25px 17px round 20px)}
 .planet-stage.concept-matcha{offset-path:inset(18px 11px 29px 12px round 22px)}
 .planet-stage.concept-lilac{offset-path:inset(29px 16px 18px 18px round 25px)}
 .planet-orbit{width:8px;height:8px}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready .planet-stage,.motion-ready .planet-drift,.motion-ready .planet-paper{animation:none!important}
}

/* A continuous ribbon, with an intact static fallback. */
.motto-strip{display:block;padding:15px 0}
.motto-track{display:flex;width:max-content}
.motto-group{display:flex;align-items:center;justify-content:space-around;flex:none;gap:40px;min-width:100vw;padding:0 28px}
.motto-strip .motto-group>span{display:inline-flex;align-items:center;gap:40px}
.motto-strip .motto-group>span::before{content:'✦';color:var(--pink);margin:0}
.motto-copy{display:none}
.motion-ready .motto-copy{display:flex}
.motion-ready .motto-track{animation:motto-left 36s linear infinite paused}
.motion-on .motto-strip.in-view .motto-track{animation-play-state:running}
@keyframes motto-left{to{transform:translateX(-50%)}}
html:not(.motion-ready) .motto-track{width:100%}
html:not(.motion-ready) .motto-group{width:100%;min-width:0;flex-wrap:wrap;gap:15px 28px}
@media(max-width:600px){
 .motto-strip{font-size:10px;padding:14px 0}.motto-group{gap:26px;padding-inline:18px}.motto-strip .motto-group>span{gap:26px}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready .motto-track{animation:none;width:100%}
 .motion-ready .motto-copy{display:none}
 .motto-group{min-width:0;width:100%;flex-wrap:wrap;gap:15px 28px}
}

/* The yarn companion now sits on its own beneath the handwritten note. */
.custom-making{justify-content:flex-end}