.spindle-scrap{--scrap-wobble: 20px 26px 18px 24px / 24px 18px 26px 20px;position:relative;overflow:hidden;padding:clamp(4rem,8vw,6rem) 1rem;background-color:var(--sp-paper)}.spindle-scrap--grid,.spindle-scrap--sky,.spindle-scrap--peach{background-image:linear-gradient(rgba(22,38,74,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(22,38,74,.07) 1px,transparent 1px);background-size:32px 32px}.spindle-scrap--grid{background-image:linear-gradient(var(--sp-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--sp-line-soft) 1px,transparent 1px)}.spindle-scrap--sky{background-color:var(--sp-sky);border-block:var(--sp-stroke) solid var(--sp-ink)}.spindle-scrap--peach{background-color:var(--sp-orange-tint);border-block:var(--sp-stroke) solid var(--sp-ink)}.spindle-scrap__inner{position:relative;z-index:1;max-width:68rem;margin:0 auto}.spindle-scrap__doodles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.spindle-scrap__doodle{position:absolute;display:block;width:var(--s, 3rem);transform:rotate(var(--r, 0deg))}.spindle-scrap__doodle svg{display:block;width:100%;height:auto}.spindle-scrap__doodle--1{top:.75rem;left:.75rem;--s: 2.75rem;--r: -14deg}.spindle-scrap__doodle--2{display:none}.spindle-scrap__doodle--3{bottom:.75rem;left:.75rem;--s: 3rem;--r: 10deg}.spindle-scrap__doodle--4{bottom:.75rem;right:.75rem;--s: 3.25rem;--r: -10deg}.spindle-scrap__doodle--5{display:none}.spindle-scrap__head{max-width:40rem;margin:0 auto clamp(1.75rem,4vw,3rem);text-align:center}.spindle-scrap__sticker{display:inline-block;margin:0 0 .75rem;padding:3px 12px;font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sp-ink);background:var(--sp-orange);border:var(--sp-stroke) solid var(--sp-ink);border-radius:10px;box-shadow:2px 2px 0 var(--sp-ink);transform:rotate(-1.5deg)}.spindle-scrap__note{display:inline-block;margin:0 0 .25rem;font-family:var(--font-accent--family);font-size:1.5rem;line-height:1.2;color:var(--sp-orange-deep);transform:rotate(-1.5deg)}.spindle-scrap__heading{margin:0;font-family:var(--font-heading--family);font-weight:700;font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.1;color:var(--sp-ink)}.spindle-scrap__text{margin:.75rem auto 0;max-width:34rem;font-size:1.0625rem;line-height:1.55;color:#465a80}.spindle-scrap__actions{display:flex;justify-content:center;margin-top:1.5rem}.spindle-scrap__actions .button{width:100%}.spindle-scrap__photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.spindle-scrap__photo{position:relative;margin:0;padding:.5rem .5rem .375rem;background:var(--sp-card);border:var(--sp-stroke) solid var(--sp-ink);border-radius:var(--scrap-wobble);box-shadow:var(--sp-shadow-md);transform:rotate(var(--tilt, 0deg));transition:transform .15s ease}.spindle-scrap__photo:first-child{grid-column:1 / -1}.spindle-scrap__photo:hover{transform:rotate(0) translateY(-3px)}.spindle-scrap__pic{position:relative}.spindle-scrap__pic img,.spindle-scrap__ph{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:50% var(--fy, 50%);background:var(--sp-sky);border:var(--sp-stroke) solid var(--sp-ink);border-radius:12px}.spindle-scrap__photo:first-child .spindle-scrap__pic img,.spindle-scrap__photo:first-child .spindle-scrap__ph{aspect-ratio:4 / 3}.spindle-scrap__photos:has(>.spindle-scrap__photo:nth-child(2):last-child) .spindle-scrap__photo:first-child{grid-column:auto}.spindle-scrap__photos:has(>.spindle-scrap__photo:nth-child(2):last-child) .spindle-scrap__photo:first-child .spindle-scrap__pic img,.spindle-scrap__photos:has(>.spindle-scrap__photo:nth-child(2):last-child) .spindle-scrap__photo:first-child .spindle-scrap__ph{aspect-ratio:3 / 4}.spindle-scrap__ph{display:grid;place-items:center;padding:1rem;text-align:center;font-family:var(--font-accent--family);font-size:1.125rem;color:var(--sp-ink);background:repeating-linear-gradient(135deg,var(--sp-sky) 0 10px,var(--sp-sky-deep) 10px 11.5px)}.spindle-scrap__caption{margin:.5rem .25rem .125rem;font-family:var(--font-accent--family);font-size:1.25rem;line-height:1.15;text-align:center;color:var(--sp-ink)}.spindle-scrap__tape{position:absolute;top:-.7rem;left:50%;z-index:3;width:4.25rem;height:1.3rem;background:#fc690466;border-inline:1.5px dashed rgba(22,38,74,.45);transform:translate(-50%) rotate(-3deg)}.spindle-scrap__photo:nth-child(2n) .spindle-scrap__tape{background:#b7d3f0d9;transform:translate(-50%) rotate(3deg)}.spindle-scrap__badge{position:absolute;top:-.9rem;right:-.5rem;z-index:4;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:.35rem;background:var(--sp-paper);border:var(--sp-stroke) solid var(--sp-ink);border-radius:999px;box-shadow:2px 2px 0 var(--sp-ink);transform:rotate(10deg)}.spindle-scrap__badge svg{display:block;width:100%;height:auto}.spindle-scrap--cluster .spindle-scrap__caption{position:absolute;left:1rem;bottom:1rem;z-index:2;margin:0;padding:0 .5rem;font-size:1.125rem;background:var(--sp-card);border:var(--sp-stroke) solid var(--sp-ink);border-radius:8px;transform:rotate(-2deg)}.spindle-scrap--cluster .spindle-scrap__head{max-width:none}.spindle-scrap--cluster .spindle-scrap__inner{display:grid;gap:2rem}@media(min-width:750px){.spindle-scrap{padding-inline:clamp(1rem,4vw,3rem)}.spindle-scrap__doodle--1{top:6%;left:2.5%;--s: 4.5rem}.spindle-scrap__doodle--2{display:block;top:10%;right:3%;--s: 3.5rem;--r: 12deg}.spindle-scrap__doodle--3{bottom:8%;left:4%;--s: 4rem}.spindle-scrap__doodle--4{bottom:5%;right:4%;--s: 5rem}.spindle-scrap__doodle--5{display:block;top:46%;left:1%;--s: 3rem;--r: 18deg}.spindle-scrap--cluster .spindle-scrap__doodle--5{display:none}.spindle-scrap__photo:first-child{grid-column:auto}.spindle-scrap__photo:first-child .spindle-scrap__pic img,.spindle-scrap__photo:first-child .spindle-scrap__ph{aspect-ratio:3 / 4}.spindle-scrap--trio .spindle-scrap__photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3.5vw,3rem);align-items:start}.spindle-scrap--trio .spindle-scrap__photos:has(>.spindle-scrap__photo:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:46rem;margin-inline:auto}.spindle-scrap--trio .spindle-scrap__photo:nth-child(2){margin-top:clamp(1.5rem,4vw,3rem)}.spindle-scrap--cluster .spindle-scrap__inner{grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.spindle-scrap--cluster .spindle-scrap__head{margin:0;text-align:left}.spindle-scrap--cluster .spindle-scrap__text{margin-inline:0}.spindle-scrap--cluster .spindle-scrap__actions{justify-content:flex-start}.spindle-scrap--cluster .spindle-scrap__actions .button{width:auto}.spindle-scrap--cluster.spindle-scrap--flip .spindle-scrap__photos{order:-1}.spindle-scrap--cluster .spindle-scrap__photos{position:relative;display:block;width:100%;max-width:34rem;justify-self:center;aspect-ratio:1 / 1.05}.spindle-scrap--cluster .spindle-scrap__photo{position:absolute}.spindle-scrap--cluster .spindle-scrap__photo:nth-child(1){top:0;left:0;z-index:1;width:58%}.spindle-scrap--cluster .spindle-scrap__photo:nth-child(2){top:4%;right:0;z-index:2;width:42%}.spindle-scrap--cluster .spindle-scrap__photo:nth-child(3){bottom:0;left:20%;z-index:3;width:40%}.spindle-scrap--cluster .spindle-scrap__photo:nth-child(1) .spindle-scrap__caption{top:1.25rem;bottom:auto}}@media(min-width:1000px){.spindle-scrap__heading{font-size:3rem}.spindle-scrap--cluster .spindle-scrap__heading{font-size:clamp(2.75rem,4.6vw,3.75rem)}}@media(prefers-reduced-motion:reduce){.spindle-scrap__photo{transition:none}.spindle-scrap__photo:hover{transform:rotate(var(--tilt, 0deg))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/spindle-scrapbook.css.map */