/* GENERATED FILE -- DO NOT EDIT. Source: css/style.css. Rebuild: npm run build:css */
@font-face{font-family:Fraunces;src:url("../fonts/fraunces-soft-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url("../fonts/figtree-latin.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{--petal:#FEB4C1;--rose:#CD909A;--rose-deep:#9C4F62;--rose-deeper:#7F3E4F;--paper:#FBF4F1;--white:#FFFFFF;--ink:#3A2730;--line:#9A7D86;--skeleton:#D9D3D5;--font-display:"Fraunces",Georgia,serif;--font-body:"Figtree",system-ui,sans-serif;--display-soft:"SOFT" 100;--step--1:0.875rem;--step-0:1rem;--step-1:1.25rem;--step-2:clamp(1.5rem, 1.3rem + 0.9vw, 1.95rem);--step-3:clamp(1.9rem, 1.5rem + 1.8vw, 2.45rem);--step-4:clamp(2.3rem, 1.6rem + 3.2vw, 3.6rem);--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem;--space-12:6rem;--radius:4px;--sticker-radius:1.5rem;--sticker-contour:0.5rem;--lift:0 1px 1px rgb(58 39 48 / 0.08),0 14px 28px -14px rgb(58 39 48 / 0.45);--measure:62ch;--wrap:none;--gutter:clamp(1.25rem, 3vw, 3rem);--press-duration:570ms;--press-stagger:110ms;--header-h:4.5rem;--u:min(1vw, 1.75vh)}@supports (height:1svh){:root{--u:min(1vw, 1.75svh)}}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-variation-settings:var(--display-soft);font-weight:650;line-height:1.12;letter-spacing:-.01em;margin:0 0 var(--space-2);text-wrap:balance}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1);line-height:1.25}p{margin:0 0 var(--space-2);max-width:var(--measure)}img{display:block;max-width:100%;height:auto}:focus-visible{outline:3px solid var(--rose-deep);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.band{display:grid;align-content:center;min-height:100vh;min-height:100svh;padding-block:calc(var(--header-h) + var(--space-2)) var(--space-8)}.band--petal{background:var(--petal)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.band>.wrap{width:100%}.section-intro{margin-bottom:var(--space-6)}.section-intro p{font-size:var(--step-1);line-height:1.5}@media (min-width:900px){.band{padding-block:calc(var(--header-h) + var(--u) * 3) calc(var(--u) * 3)}.band h2{font-size:max(var(--step-3), var(--u) * 3.4)}.section-intro{margin-bottom:calc(var(--u) * 4)}.section-intro p{font-size:max(var(--step-1), var(--u) * 1.45)}}.skip-link{position:absolute;left:var(--space-2);top:-4rem;z-index:100;padding:var(--space-1) var(--space-2);background:var(--ink);color:var(--paper);border-radius:var(--radius)}.skip-link:focus{top:var(--space-2)}.site-header{position:fixed;inset:0 0 auto 0;z-index:50;background:var(--paper);box-shadow:0 1px 0 rgb(58 39 48 / .08),0 8px 20px -14px rgb(58 39 48 / .35);transform:translateY(-100%);visibility:hidden;transition:transform 320ms cubic-bezier(.2, .8, .2, 1),visibility 0s linear 320ms}.site-header.is-shown{transform:none;visibility:visible;transition:transform 320ms cubic-bezier(.2, .8, .2, 1),visibility 0s}@media (prefers-reduced-motion:reduce){.site-header,.site-header.is-shown{transition:none}}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-1)}.site-header__logo img{width:auto;height:3.5rem;filter:drop-shadow(0 4px 6px rgb(58 39 48 / .18))}a{color:var(--rose-deep);text-underline-offset:0.18em}a:hover{color:var(--rose-deeper)}.band--petal a:not(.btn){color:var(--ink)}.btn{display:inline-block;padding:.75rem 1.25rem;border:0;border-radius:var(--radius);background:var(--rose-deep);color:var(--white);font:600 var(--step-0)/1.2 var(--font-body);text-decoration:none;cursor:pointer}.btn:hover{background:var(--rose-deeper);color:var(--white)}.btn--small{padding:.55rem .9rem;font-size:var(--step--1)}.sticker{--tilt:0deg;margin:0;padding:var(--sticker-contour);background:var(--white);border-radius:var(--sticker-radius);box-shadow:var(--lift);transform:rotate(var(--tilt))}.sticker img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:calc(var(--sticker-radius) - var(--sticker-contour))}.sticker--wide img{aspect-ratio:4/3}.sticker--portrait img{aspect-ratio:3/4;object-position:50% 70%}.hero .wrap{display:grid;gap:var(--space-6);align-items:center}.hero__lede{font-size:var(--step-1);line-height:1.5;margin-bottom:var(--space-4)}.hero__logo{width:clamp(9rem,22vw,15rem);margin-bottom:var(--space-4);filter:drop-shadow(0 10px 14px rgb(58 39 48 / .22))}.hero{padding-top:var(--space-6);overflow-x:clip}.hero__stickers{width:100%;max-width:40rem;padding-inline:var(--space-1)}.hero__deck{position:relative;aspect-ratio:100/93;user-select:none;touch-action:pan-y}.js .hero__deck{cursor:pointer}.hero__deck .sticker{--x:62%;--y:25%;--s:0.95;--z:1;--tilt:-8deg;position:absolute;top:0;left:0;width:58.33%;z-index:var(--z);translate:var(--x) var(--y);scale:var(--s)}.hero__deck .sticker[data-pos="0"]{--x:71.4%;--y:16%;--s:1;--z:5;--tilt:4deg}.hero__deck .sticker[data-pos="1"]{--x:0%;--y:0%;--s:1;--z:4;--tilt:-5deg}.hero__deck .sticker[data-pos="2"]{--x:70%;--y:-2%;--s:0.96;--z:3;--tilt:10deg}.hero__deck .sticker[data-pos="3"]{--x:3%;--y:13%;--s:0.96;--z:2;--tilt:-12deg}.hero__deck .sticker.is-peeling{--x:71.4%;--y:-18%;--s:1.06;--z:6;--tilt:18deg;opacity:0}.sticker__slot{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:calc(var(--sticker-radius) - var(--sticker-contour));background:var(--skeleton)}.hero__deck .sticker:not([data-pos="0"],[data-pos="1"],[data-pos="2"],[data-pos="3"]) img,.sticker__slot.is-waiting img{opacity:0}@media (min-width:900px){.hero{padding-block:calc(var(--u) * 3)}.hero .wrap{grid-template-columns:minmax(0,1fr) auto;gap:calc(var(--u) * 4)}.hero__logo{width:max(9rem,var(--u) * 16);margin-bottom:calc(var(--u) * 2)}.hero h1{font-size:max(2.3rem, var(--u) * 4.4);max-width:15ch;margin-bottom:calc(var(--u) * 1.5)}.hero__lede{font-size:max(var(--step-1), var(--u) * 1.55);max-width:34ch;margin-bottom:calc(var(--u) * 3)}.hero .btn{font-size:max(var(--step-0), var(--u) * 1.3);padding:.8em 1.4em}.hero__stickers{--sticker-contour:max(0.5rem, var(--u) * 0.6);--sticker-radius:max(1.5rem, var(--u) * 1.8);width:min(var(--u) * 50,100vw - 36rem);max-width:none;justify-self:end;padding-inline:0 var(--space-2)}}.products{display:grid;gap:var(--space-6) var(--space-4);margin:0;padding:0;list-style:none}.product{display:grid;grid-template-columns:clamp(6.5rem,30vw,8.5rem) minmax(0,1fr);gap:clamp(1rem,4vw,1.5rem);align-items:start}.product h3{overflow-wrap:break-word}.product:nth-child(odd) .sticker{--tilt:-3deg}.product:nth-child(2n) .sticker{--tilt:3deg}.product p{margin:0}.sticker--type{display:grid;place-items:center;aspect-ratio:4/5;font:600 2.6rem/1 var(--font-display);font-variation-settings:var(--display-soft);color:var(--rose-deep)}.sticker--type span{display:grid;place-items:center;width:100%;height:100%;border:2px solid var(--petal);border-radius:calc(var(--sticker-radius) - var(--sticker-contour))}@media (min-width:700px){.products{grid-template-columns:1fr 1fr}.product{grid-template-columns:10rem minmax(0,1fr)}}@media (min-width:900px){.products{gap:calc(var(--u) * 3.5) calc(var(--u) * 3)}.product{grid-template-columns:max(9rem,var(--u) * 11.5) minmax(0,1fr);gap:calc(var(--u) * 1.8)}.product h3{font-size:max(var(--step-1), var(--u) * 1.7);margin-bottom:calc(var(--u) * .8)}.product p{font-size:max(var(--step-0), var(--u) * 1.15)}.sticker--type{font-size:max(2.6rem, var(--u) * 4)}}@media (min-width:1200px){.products{grid-template-columns:repeat(3,1fr)}}@media (max-width:699.98px){#what-i-make{padding-bottom:var(--space-4);overflow-x:clip}#what-i-make .section-intro{margin-bottom:var(--space-3)}}@media (max-width:699.98px) and (max-height:700px){#what-i-make .section-intro{margin-bottom:var(--space-2)}#what-i-make .section-intro p{font-size:var(--step-0)}.product__pick{min-height:2.75rem;padding-block:0.3rem}.is-showcase .product p{margin-top:var(--space-2);font-size:.9375rem;line-height:1.45}}.products.is-showcase{--split-h:min(46svh, 98vw);grid-template-columns:minmax(min-content,1fr) minmax(0,54%);grid-template-rows:repeat(var(--count),minmax(calc(var(--split-h)/ var(--count)),auto)) auto;gap:0 var(--space-3)}.is-showcase .product,.is-showcase .product>div:not(.sticker){display:contents}.is-showcase .product h3{grid-column:1;margin:0;font-size:clamp(.95rem, 4.3vw, 1.2rem);font-weight:500;line-height:1.2}.is-showcase .product:nth-child(odd) .sticker{--tilt:-1.5deg}.is-showcase .product:nth-child(2n) .sticker{--tilt:1.5deg}.product__pick{display:flex;align-items:center;width:calc(100% + .6rem);height:100%;min-height:3rem;margin-left:-.6rem;padding:.4rem .6rem;border:0;border-radius:.5rem;background:0 0;color:inherit;font:inherit;font-variation-settings:inherit;text-align:left;cursor:pointer}.is-active .product__pick{background:var(--petal)}.is-showcase .product p{grid-column:1/-1;grid-row:-2/-1;margin-top:var(--space-4);font-size:1.0625rem;line-height:1.5;visibility:hidden}.is-showcase .product.is-active p{visibility:visible}.is-showcase .sticker{position:relative;grid-column:2;grid-row:1/-2;aspect-ratio:auto;visibility:hidden;opacity:0;animation:none}.is-showcase .product.is-active .sticker{visibility:visible;opacity:1}.is-showcase .sticker img{position:absolute;inset:var(--sticker-contour);width:calc(100% - var(--sticker-contour) * 2);height:calc(100% - var(--sticker-contour) * 2);aspect-ratio:auto}.about .wrap{display:grid;gap:var(--space-6);align-items:center}.about .sticker{--tilt:-2.5deg;max-width:20rem}@media (min-width:900px){.about .wrap{grid-template-columns:auto minmax(0,1fr);gap:calc(var(--u) * 8)}.about .sticker{--sticker-contour:max(0.5rem, var(--u) * 0.6);--sticker-radius:max(1.5rem, var(--u) * 1.8);width:max(20rem,var(--u) * 33);max-width:none}.about .wrap>div{justify-self:center}.about h2{font-size:max(var(--step-3), var(--u) * 4.2)}.about p{font-size:max(var(--step-1), var(--u) * 1.6);line-height:1.55;max-width:30ch}}.steps{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:4.5rem 1fr;gap:var(--space-2);align-items:start}.steps li::before{content:counter(step);font:700 4.5rem/0.85 var(--font-display);font-variation-settings:var(--display-soft);color:var(--rose-deep)}.steps h3{margin-bottom:var(--space-1)}.steps p{margin:0}@media (min-width:900px){.steps{grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 5)}.steps li{grid-template-columns:1fr;gap:calc(var(--u) * 1.5)}.steps li::before{font-size:max(var(--step-4), var(--u) * 11);line-height:.85}.steps h3{font-size:max(var(--step-2), var(--u) * 2.1);margin-bottom:calc(var(--u) * .8)}.steps p{font-size:max(var(--step-0), var(--u) * 1.3);max-width:28ch}}.order-form{display:grid;gap:var(--space-3);max-width:40em}@media (min-width:1000px){.order-layout{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(0,40em);gap:calc(var(--u) * 6);align-items:start;font-size:max(1rem, var(--u) * 1.05)}.order-form .btn{font-size:1em}.order-layout .section-intro{position:sticky;top:calc(var(--header-h) + var(--space-4))}}.field{display:grid;gap:.35em}.field label,.field legend{font-weight:600}.field .hint{font-size:.875em;margin:0}.optional{font-weight:400;font-size:.875em}.field input,.field select,.field textarea{width:100%;padding:.7em .8em;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);color:var(--ink);font:inherit}.field textarea{min-height:8em;resize:vertical}.field--row{display:grid;gap:var(--space-3)}.field--row-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}.field--row-qty{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-2)}@media (min-width:600px){.field--row{grid-template-columns:1fr 1fr;gap:var(--space-3)}}.order-extra[hidden]{display:none}fieldset.field{margin:0;padding:0;border:0;min-width:0}fieldset.field legend{padding:0}.chips{display:flex;flex-wrap:wrap;gap:.5em}.chips--pair{display:grid;grid-template-columns:1fr 1fr}.chip{position:relative;display:flex;font-weight:400}.chip input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0}.chip span{display:flex;flex:1;align-items:center;justify-content:center;min-height:2.75rem;padding:.45em .9em;border:1px solid var(--line);border-radius:.5rem;background:var(--white);line-height:1.25;text-align:center;cursor:pointer}.chip input:checked+span{border-color:var(--rose-deep);background:var(--petal);box-shadow:inset 0 0 0 1px var(--rose-deep)}.chip input:focus-visible+span{outline:3px solid var(--rose-deep);outline-offset:3px}.chip input[aria-invalid=true]+span{border-color:var(--rose-deep)}@media (max-width:599.98px){.order-layout .section-intro{margin-bottom:var(--space-4)}.order-form{gap:var(--space-2)}.field input,.field textarea{padding:.6em .7em}.field textarea{min-height:4.5em;max-height:14em;field-sizing:content}.field .hint{font-size:.8125em}.chips:not(.chips--pair){display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.chips:not(.chips--pair) .chip{grid-column:span 2}.chips:not(.chips--pair) .chip:nth-last-child(-n+2):nth-child(3n+1),.chips:not(.chips--pair) .chip:nth-last-child(-n+2):nth-child(3n+1)~.chip{grid-column:span 3}.chip span{padding:.4em .35em;font-size:min(.9375em, 3.5vw)}.chips--pair .chip span{font-size:.9375em}}.form-more{justify-self:start;min-height:2.75rem;padding:0;border:0;background:0 0;color:var(--rose-deep);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:0.2em;cursor:pointer}@media (min-width:900px){.order-form{gap:max(1rem,var(--u) * 1.4)}.field textarea{min-height:5em}.chips{gap:.4em}.chip span{min-height:2.25em;padding-block:0.3em}}.field-error{color:var(--rose-deep);font-size:.875em;font-weight:600;margin:0}.field-error:empty{display:none}.field [aria-invalid=true]{border-color:var(--rose-deep);border-width:2px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.follow__links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}#follow h2{font-size:min(17vw, 5rem);line-height:1}@media (min-width:900px){#follow h2{font-size:max(var(--step-4), var(--u) * 8);line-height:1;margin-bottom:calc(var(--u) * 2)}#follow p{font-size:max(var(--step-1), var(--u) * 1.8);margin-bottom:calc(var(--u) * 3)}#follow .btn{font-size:max(var(--step-0), var(--u) * 1.4);padding:.8em 1.4em}}.site-footer{padding-block:var(--space-6);background:var(--ink);color:var(--paper)}.site-footer p{margin:0}.site-footer a{color:var(--paper)}.site-footer .wrap{display:grid;gap:var(--space-1)}@media (prefers-reduced-motion:no-preference){.hero__deck .sticker{transition:translate 420ms cubic-bezier(.2, .8, .2, 1),scale 420ms cubic-bezier(.2, .8, .2, 1),transform 420ms cubic-bezier(.2, .8, .2, 1),opacity 240ms ease}.sticker__slot img{transition:opacity 320ms ease}.sticker__slot.is-waiting{background-image:linear-gradient(100deg,transparent 30%,rgb(255 255 255 / .55) 50%,transparent 70%);background-size:220% 100%;animation:slot-shimmer 1.2s linear infinite}@keyframes slot-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}.hero__logo,.hero__stickers .sticker,.sticker.is-pressing{animation:press-down var(--press-duration) cubic-bezier(.2,.8,.2,1) backwards}.hero__logo{animation-name:press-down-logo}@keyframes press-down-logo{from{opacity:0;transform:rotate(-4deg) scale(1.07) translateY(-.75rem)}}.hero__stickers .sticker:nth-child(5){animation-delay:var(--press-stagger)}.hero__stickers .sticker:nth-child(4){animation-delay:calc(var(--press-stagger) * 1.4)}.hero__stickers .sticker:nth-child(3){animation-delay:calc(var(--press-stagger) * 1.8)}.hero__stickers .sticker:nth-child(2){animation-delay:calc(var(--press-stagger) * 2.4)}.hero__stickers .sticker:first-child{animation-delay:calc(var(--press-stagger) * 3)}.sticker.is-pending{opacity:0}.is-showcase .sticker{transform:rotate(var(--tilt)) scale(1.03) translateY(-.5rem);transition:opacity 320ms ease,transform 420ms cubic-bezier(.2, .8, .2, 1),visibility 0s linear 320ms}.is-showcase .product.is-active .sticker{transform:rotate(var(--tilt));transition-delay:0s}@keyframes press-down{from{opacity:0;transform:rotate(calc(var(--tilt) * 2)) scale(1.07) translateY(-.75rem);box-shadow:0 2px 2px rgb(58 39 48 / .06),0 30px 40px -18px rgb(58 39 48 / .35)}}}@media print{.sticker{opacity:1!important;animation:none!important}}
