@font-face{font-family:Caprasimo;src:url(fonts/caprasimo.ttf) format('truetype');font-display:swap;font-weight:400}@font-face{font-family:'DM Sans';src:url(fonts/dm-400.ttf) format('truetype');font-display:swap;font-weight:400}@font-face{font-family:'DM Sans';src:url(fonts/dm-600.ttf) format('truetype');font-display:swap;font-weight:600}@font-face{font-family:'DM Sans';src:url(fonts/dm-700.ttf) format('truetype');font-display:swap;font-weight:700}
:root{--ink:#352343;--purple:#68488a;--paper:#fbf7ee;--lilac:#eee7f8;--pink:#f3b4df;--butter:#f5db87;--blue:#b5c9ee;--line:2px solid var(--ink);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--lilac);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:6px}h1,h2,p{margin:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:absolute;left:20px;top:-80px;padding:12px;background:var(--paper);z-index:100}.skip-link:focus{top:12px}.site-header{height:94px;max-width:1320px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.wordmark{font:400 25px/.95 Caprasimo,Georgia,serif;display:flex;align-items:center;gap:11px;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--paper);border:var(--line);border-radius:50%;font-size:29px;transform:rotate(-11deg)}.motion-control{display:flex;align-items:center;gap:7px;border:1px solid #35234355;border-radius:30px;background:#fbf7ee88;padding:10px 14px;font-size:11px;font-weight:700}.motion-control>span:first-child{font-size:17px}.rainbows{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.rainbow{position:absolute;top:-245px;width:470px;height:680px;border:23px solid #b59bcd;border-radius:0 0 180px 180px;box-shadow:0 0 0 1.5px var(--ink),0 0 0 24px #aecaeb,0 0 0 25.5px var(--ink),0 0 0 48px #b6cbb5,0 0 0 49.5px var(--ink),0 0 0 72px var(--butter),0 0 0 73.5px var(--ink),0 0 0 96px #f0bba6,0 0 0 97.5px var(--ink),0 0 0 120px #e9a9d5,0 0 0 121.5px var(--ink)}.rainbow.left{left:-525px;transform:rotate(-12deg)}.rainbow.right{right:-540px;transform:rotate(13deg)}main{max-width:1080px;position:relative;z-index:1;margin:8px auto 0;padding:14px 35px 54px;display:grid;grid-template-columns:.94fr 1.06fr;gap:70px;align-items:center}.introduction{text-align:center;padding-bottom:10px}.portrait-scene{width:350px;height:266px;position:relative;margin:0 auto 18px}.portrait-frame{position:absolute;left:64px;top:30px;width:164px;height:193px;overflow:hidden;border:var(--line);border-radius:100px 100px 25px 25px;background:var(--pink);transform:rotate(-7deg);box-shadow:6px 6px 0 var(--ink)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.04);transform-origin:bottom}.name-sticker{position:absolute;left:72px;top:202px;z-index:2;font-size:12px;font-weight:700;background:var(--paper);border:var(--line);border-radius:30px;padding:10px 14px;transform:rotate(-5deg);box-shadow:2px 3px 0 var(--ink)}.name-sticker span{color:var(--purple);margin-left:8px;font-size:16px}.scene-star{position:absolute;color:var(--purple);line-height:1}.star-one{left:22px;top:44px;font-size:55px;transform:rotate(-12deg)}.star-two{right:47px;top:37px;font-size:30px;color:#b36494}.tiny-note{position:absolute;right:11px;top:3px;font-size:11px;font-weight:600;transform:rotate(8deg)}.unicorn{position:absolute;width:172px;height:198px;right:-3px;bottom:1px;display:block;border:0;background:none;padding:0;z-index:3;border-radius:70px}.unicorn-stage{display:block;position:absolute;inset:0 0 12px;transform-origin:50% 85%;animation:unicorn-dance 3.4s ease-in-out infinite}.unicorn-stage img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 0 #35234314)}.unicorn-shadow{display:block;position:absolute;bottom:10px;left:38px;width:100px;height:12px;background:#68488a25;border-radius:50%;filter:blur(3px);animation:shadow-dance 3.4s ease-in-out infinite;z-index:-1}.magic-message{position:absolute;right:-8px;top:47px;font-size:10px;font-weight:700;background:var(--paper);border:1px solid var(--ink);padding:8px 10px;border-radius:20px;opacity:0;transform:translateY(5px);transition:.2s;z-index:4;pointer-events:none}.magic-message.show{opacity:1;transform:translateY(0)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;margin-bottom:13px}h1{font:400 clamp(34px,4vw,47px)/1.08 Caprasimo,Georgia,serif;letter-spacing:-1.3px}.cutout{display:block;color:var(--purple);margin:12px -10px 0;transform:rotate(-2deg);font-size:43px;line-height:1.13;-webkit-text-stroke:6px var(--paper);paint-order:stroke fill;filter:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink)) drop-shadow(0 4px 0 #35234320)}.intro-copy{font-size:13px;line-height:1.8;margin:22px 0 20px}.socials{display:flex;align-items:center;justify-content:center;gap:11px}.socials a{width:41px;height:41px;border:1.5px solid var(--ink);display:grid;place-items:center;background:var(--paper);border-radius:50%;transition:transform .2s,box-shadow .2s}.socials a:hover{transform:translateY(-4px) rotate(-6deg);box-shadow:2px 3px 0 var(--ink);background:var(--pink)}.socials svg{width:20px;height:20px}.links-section{padding-top:25px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 2px}.section-label h2{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em}.section-label>span{font-family:Georgia,serif;font-size:31px;line-height:1;transform:rotate(5deg)}.link-card{display:block;border:var(--line);border-radius:18px;box-shadow:5px 6px 0 var(--ink);margin-bottom:18px;transition:transform .2s,box-shadow .2s;position:relative}.link-card:hover{transform:translate(-2px,-4px);box-shadow:7px 10px 0 var(--ink)}.card-main{display:flex;gap:15px;align-items:center;padding:23px 21px}.card-icon{width:44px;height:44px;flex-shrink:0;border:1.5px solid var(--ink);background:#fbf7ee70;border-radius:50%;display:grid;place-items:center;transform:rotate(-8deg)}.card-icon svg{width:23px;height:23px}.card-copy{display:block;flex:1}.card-copy strong{display:block;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:-.2px}.card-copy>span{display:block;font-size:11px;margin-top:6px;line-height:1.5}.card-arrow{display:block;flex-shrink:0}.card-arrow svg{width:19px;height:19px}.amazon{background:var(--butter);transform:rotate(-1.2deg);margin-bottom:15px}.amazon .card-main{padding-top:16px;padding-bottom:22px}.amazon .card-copy strong{font:400 26px/1.08 Caprasimo,Georgia,serif;letter-spacing:-.5px}.featured-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.13em;font-weight:700;border-bottom:1px dashed #35234366;padding:12px 20px 9px}.featured-label span{font-size:15px}.mini-links{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 2px 24px}.mini-links a{font-size:11px;font-weight:700;border:1px solid #35234370;border-radius:30px;background:var(--paper);display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 8px;transition:background .2s}.mini-links a:hover{background:var(--butter)}.mini-links a>span:last-child{margin-left:4px}.portfolio{background:var(--pink);transform:rotate(.7deg)}.canada{background:var(--paper);transform:rotate(-.6deg)}.maple{font-size:24px}.collaborate{background:var(--purple);color:var(--paper);transform:rotate(.7deg)}.collaborate .card-icon{border-color:var(--paper);background:#fbf7ee16}.affiliate-note{font-size:9px;line-height:1.6;text-align:center;max-width:350px;margin:27px auto 20px;color:#655071}.hello-note{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:26px}.hello-spark{font-size:38px;color:var(--purple);transform:rotate(-10deg)}.hello-note p{font-size:11px;margin-bottom:5px}.hello-note a{font-size:12px;font-weight:700;border-bottom:1px solid #35234355;padding-bottom:3px}.hello-note a span{margin-left:12px}footer{position:relative;z-index:1;max-width:1010px;margin:0 auto;padding:24px 30px 28px;border-top:1px solid #35234340;display:flex;align-items:center;gap:14px;font-size:10px}footer>a{font-weight:700}footer>a:nth-child(2){margin-left:auto}.linkedin{border-left:1px solid #35234366;padding-left:14px}footer a:hover{text-decoration:underline}.burst{position:absolute;top:45%;left:48%;font-size:25px;pointer-events:none;animation:burst 1s ease-out forwards}.celebrate .unicorn-stage{animation:celebrate .65s ease-in-out 2}
@keyframes unicorn-dance{0%,100%{transform:translateY(0) rotate(-4deg)}25%{transform:translateY(-7px) rotate(4deg)}50%{transform:translateY(-2px) rotate(-3deg)}75%{transform:translateY(-9px) rotate(5deg)}}@keyframes shadow-dance{0%,100%{transform:scaleX(1);opacity:.8}25%,75%{transform:scaleX(.8);opacity:.55}50%{transform:scaleX(.95);opacity:.8}}@keyframes celebrate{0%,100%{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-17px) rotate(12deg)}70%{transform:translateY(-7px) rotate(-13deg)}}@keyframes burst{0%{opacity:1;transform:translate(0,0) scale(.3)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(1.15)}}[data-motion=off] *,[data-motion=off] *::before,[data-motion=off] *::after{animation:none!important;scroll-behavior:auto;transition:none!important}
@media(min-width:1300px){main{padding-top:35px;padding-bottom:65px}.links-section{padding-top:30px}.portrait-scene{margin-bottom:26px}.rainbow.left{left:-475px}.rainbow.right{right:-490px}}
@media(max-width:900px) and (min-width:701px){main{gap:30px;padding-left:24px;padding-right:24px}.portrait-scene{transform:scale(.9);transform-origin:bottom center;margin-left:-16px}.cutout{font-size:36px}.card-main{gap:10px;padding:21px 15px}.card-copy strong{font-size:14px}.card-icon{width:38px;height:38px}.amazon .card-copy strong{font-size:23px}}
@media(max-width:700px){.site-header{height:75px;padding:0 22px}.wordmark{font-size:20px;gap:8px}.brand-mark{width:35px;height:35px;font-size:23px}.motion-control{padding:8px 10px;font-size:9px;gap:4px}.motion-control>span:first-child{font-size:13px}main{display:block;max-width:500px;padding:0 25px 35px;margin:0 auto}.portrait-scene{transform:scale(.80);transform-origin:center top;margin-top:1px;height:201px;margin-bottom:1px;width:350px;left:50%;margin-left:-175px}.eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:.12em}h1{font-size:34px;line-height:1.05;letter-spacing:-1px}.cutout{font-size:36px;line-height:1.11;margin-top:9px}.intro-copy{font-size:12px;line-height:1.7;margin:19px 0 16px}.socials{gap:12px}.socials a{width:36px;height:36px}.socials svg{width:18px;height:18px}.links-section{padding-top:23px}.section-label{margin-bottom:16px}.section-label h2{font-size:8px;letter-spacing:.13em}.section-label>span{font-size:27px}.link-card{border-radius:15px;box-shadow:4px 5px 0 var(--ink);margin-bottom:17px}.card-main{padding:20px 16px;gap:12px}.card-icon{width:40px;height:40px}.card-copy strong{font-size:14px}.card-copy>span{font-size:10px;line-height:1.5;margin-top:5px}.card-arrow svg{width:17px;height:17px}.amazon .card-copy strong{font-size:24px}.amazon .card-main{padding-top:15px;padding-bottom:20px}.featured-label{font-size:7px;padding:10px 17px 8px}.mini-links{gap:9px;margin-bottom:22px}.mini-links a{font-size:10px;padding:10px 6px}.rainbow{top:-350px;width:300px;height:590px;border-width:14px;box-shadow:0 0 0 1.2px var(--ink),0 0 0 15px #aecaeb,0 0 0 16.2px var(--ink),0 0 0 30px #b6cbb5,0 0 0 31.2px var(--ink),0 0 0 45px var(--butter),0 0 0 46.2px var(--ink),0 0 0 60px #f0bba6,0 0 0 61.2px var(--ink),0 0 0 75px #e9a9d5,0 0 0 76.2px var(--ink)}.rainbow.left{left:-350px;transform:rotate(-8deg)}.rainbow.right{right:-350px;transform:rotate(8deg)}.affiliate-note{font-size:9px;margin-top:24px}.hello-note{margin-top:20px}footer{margin:0 25px;padding:20px 0 24px;flex-wrap:wrap;justify-content:center;gap:9px;font-size:9px}footer>span{width:100%;text-align:center}footer>a:nth-child(2){margin-left:0}.linkedin{padding-left:9px}}
@media(max-width:365px){main{padding-left:19px;padding-right:19px}.site-header{padding-left:16px;padding-right:16px}.wordmark{font-size:18px}.motion-control{font-size:8px}.cutout{font-size:32px}.card-main{padding-left:13px;padding-right:13px;gap:9px}.card-copy strong{font-size:13px}.amazon .card-copy strong{font-size:21px}.card-icon{width:35px;height:35px}.card-copy>span{font-size:9px}.section-label h2{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){:root:not([data-motion=on]) *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Rainbow charm wheel */
main{display:block;max-width:1160px;padding:38px 50px 52px;margin:auto}
.wheel-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:center}
.hero-copy{text-align:left;padding-bottom:25px}.hero-copy h1{font-size:44px}.hero-copy .cutout{margin:14px 0 0;font-size:47px;line-height:1.16}.hero-copy .intro-copy{font-size:14px;line-height:1.8;margin:28px 0 18px}.hero-copy .name-sticker{position:relative;left:auto;top:auto;display:inline-block;font-size:12px;padding:9px 16px;transform:rotate(-4deg)}.hero-copy .socials{justify-content:flex-start;margin:27px 0 24px}.hand-note{display:block;font-size:11px;font-weight:600;transform:rotate(-5deg);color:var(--purple);margin:35px 0 0 10px}
.wheel-column{min-width:0}.wheel-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin-bottom:48px;padding:0 6px}.wheel-caption>span:last-child{font-size:19px}.wheel-stage{width:100%;aspect-ratio:1;position:relative;isolation:isolate}.wheel-rotor{position:absolute;inset:0;transform:rotate(var(--turn));transition:transform 1.15s cubic-bezier(.22,.8,.22,1);z-index:2}.rainbow-disc{position:absolute;inset:0;border:2px solid var(--ink);border-radius:50%;background:conic-gradient(from -30deg,#f5db87 0deg 60deg,#f3b4df 60deg 120deg,#b5c9ee 120deg 180deg,#b6cbb5 180deg 240deg,#c9b4df 240deg 300deg,#f0bba6 300deg 360deg);box-shadow:7px 8px 0 var(--ink)}.rainbow-disc::before{content:'';position:absolute;inset:12px;border:1px dashed #35234366;border-radius:50%}.rainbow-disc::after{content:'';position:absolute;inset:24%;background:var(--lilac);border:2px solid var(--ink);border-radius:50%;box-shadow:inset 3px 4px 0 #35234313}.charm-slot{position:absolute;inset:0;transform:rotate(var(--angle));pointer-events:none}.charm-button{position:absolute;left:50%;top:12%;width:68px;height:68px;padding:0;border:0;background:none;pointer-events:auto;transform:translate(-50%,-50%) rotate(calc(0deg - var(--angle) - var(--turn)));transition:transform 1.15s cubic-bezier(.22,.8,.22,1);border-radius:50%}.charm-icon{position:absolute;inset:0;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:3px 4px 0 #35234360;transition:background .2s,box-shadow .2s}.charm-icon::before{content:'';position:absolute;top:-9px;left:calc(50% - 4px);width:8px;height:12px;border:1.5px solid var(--ink);border-radius:8px;background:var(--paper)}.charm-icon svg{width:29px;height:29px;stroke-width:1.6}.charm-label{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--paper);border:1px solid var(--ink);border-radius:20px;font-size:9px;font-weight:700;line-height:1;padding:5px 8px;box-shadow:1px 2px 0 #35234320}.charm-button:hover .charm-icon{background:#fff;box-shadow:4px 6px 0 var(--ink)}.charm-button[data-selected=true] .charm-icon{background:var(--butter);box-shadow:0 0 0 4px var(--paper),0 0 0 5.5px var(--ink),3px 6px 0 6px #35234318}.charm-button[data-selected=true] .charm-label{background:var(--ink);color:var(--paper)}.wheel-centre{position:absolute;inset:28%;z-index:3;border-radius:50%;background:var(--paper);border:2px solid var(--ink);box-shadow:3px 4px 0 #35234320;overflow:hidden;pointer-events:none;transform:rotate(-5deg)}.centre-photo{position:absolute;inset:0 0 27%;overflow:hidden;background:var(--pink)}.centre-photo img{width:100%;height:100%;object-fit:cover;object-position:center 19%;transform:scale(1.13);transform-origin:50% 20%}.centre-name{position:absolute;bottom:8%;left:0;right:0;text-align:center;font:400 clamp(17px,2vw,25px)/1.05 Caprasimo,serif;background:var(--paper);padding-top:5px;transform:rotate(2deg)}.centre-heart{position:absolute;right:12%;top:11%;font-size:28px;color:var(--paper);filter:drop-shadow(1px 1px 0 var(--ink))}.unicorn-peek{position:absolute;z-index:1;top:-43px;left:18px;width:150px;height:154px;overflow:hidden;background:none;border:0;padding:0;transform:rotate(-16deg);border-radius:60% 60% 35% 35%;isolation:isolate}.unicorn-peek .unicorn-stage{inset:0;animation:unicorn-peek 5s ease-in-out infinite}.unicorn-peek img{display:block;width:100%;height:auto;object-fit:contain}.wheel-spark{position:absolute;pointer-events:none;z-index:4;line-height:1}.spark-a{right:-20px;top:40px;font-size:45px;color:var(--purple);animation:twinkle 4s ease-in-out infinite}.spark-b{left:-21px;bottom:63px;font-size:25px;color:#ab548b;animation:twinkle 4s ease-in-out 1.5s infinite}.spark-c{right:20px;bottom:15px;font-size:24px;color:var(--purple);transform:rotate(15deg)}.wheel-stage .magic-message{left:72px;right:auto;top:-38px;font-size:9px;z-index:5}.wheel-controls{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 18px;gap:12px;font-size:10px}.wheel-controls>span{opacity:.85}.wheel-controls button{border:1px solid var(--ink);border-radius:30px;background:var(--paper);font-size:10px;font-weight:700;padding:8px 12px;display:flex;gap:8px;align-items:center;box-shadow:2px 2px 0 var(--ink)}.wheel-controls button:hover{background:var(--pink)}.wheel-controls button span{font-size:19px;line-height:1}.chosen-link{background:var(--butter);border:2px solid var(--ink);border-radius:16px;box-shadow:4px 5px 0 var(--ink);padding:20px 21px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:124px;transition:background .4s}.chosen-kicker{font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:8px}.chosen-link h2{font:400 23px/1.13 Caprasimo,serif;letter-spacing:-.4px}.chosen-link p:last-child{font-size:11px;line-height:1.5;margin-top:7px}.chosen-link>a{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;background:var(--paper);border:1.5px solid var(--ink);border-radius:50%;transition:transform .2s}.chosen-link>a:hover{transform:translate(2px,-2px)}.chosen-link[data-tone=pink]{background:var(--pink)}.chosen-link[data-tone=blue]{background:var(--blue)}.chosen-link[data-tone=green]{background:#b6cbb5}.chosen-link[data-tone=purple]{background:#c9b4df}.chosen-link[data-tone=peach]{background:#f0bba6}.links-section{padding-top:65px;max-width:940px;margin:auto}.section-label{padding-bottom:15px;border-bottom:1px solid #35234340;margin-bottom:24px}.all-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.all-links-grid .link-card{margin:0;transform:none}.all-links-grid .card-main{padding:23px 20px}.all-links-grid .amazon .card-copy strong{font:700 16px/1.35 'DM Sans',sans-serif;letter-spacing:-.2px}.all-links-grid .link-card:hover{transform:translate(-2px,-4px)}.mini-links{max-width:450px;margin:25px auto 0}.affiliate-note{max-width:440px;font-size:9px}.celebrate .unicorn-stage{animation:celebrate .65s ease-in-out 2}
@keyframes unicorn-peek{0%,100%{transform:translateY(5px) rotate(-3deg)}45%,60%{transform:translateY(-6px) rotate(4deg)}}@keyframes twinkle{0%,100%{transform:scale(.9) rotate(-8deg);opacity:.65}50%{transform:scale(1.1) rotate(8deg);opacity:1}}
@media(min-width:1300px){main{padding-top:55px;padding-bottom:65px}.wheel-hero{gap:90px}}
@media(max-width:1000px) and (min-width:701px){main{padding:35px 35px 45px}.wheel-hero{gap:42px;grid-template-columns:.85fr 1.15fr}.hero-copy h1{font-size:36px}.hero-copy .cutout{font-size:37px}.hero-copy .intro-copy{font-size:12px}.charm-button{width:57px;height:57px}.charm-icon svg{width:25px;height:25px}.charm-label{font-size:8px;padding:4px 6px}.unicorn-peek{width:125px;height:135px;top:-38px;left:7px}.centre-name{font-size:19px}.chosen-link{padding:17px;min-height:120px}.chosen-link h2{font-size:21px}.chosen-link p:last-child{font-size:10px}.all-links-grid .card-main{padding:20px 15px;gap:10px}.all-links-grid .card-copy strong,.all-links-grid .amazon .card-copy strong{font-size:14px}}
@media(max-width:700px){main{max-width:520px;padding:15px 29px 35px}.wheel-hero{display:flex;flex-direction:column;gap:30px}.hero-copy{text-align:center;padding-bottom:0;width:100%}.hero-copy .eyebrow{margin-top:5px;font-size:8px}.hero-copy h1{font-size:30px}.hero-copy .cutout{font-size:34px;margin:9px 0 0}.hero-copy .intro-copy{font-size:11px;line-height:1.7;margin:16px 0 12px}.hero-copy .name-sticker{font-size:10px;padding:7px 12px}.hero-copy .socials{display:none}.hand-note{display:none}.wheel-column{width:100%;max-width:420px}.wheel-caption{font-size:7px;margin-bottom:46px;padding:0 3px}.wheel-caption>span:last-child{font-size:15px}.charm-button{width:55px;height:55px}.charm-icon svg{width:25px;height:25px}.charm-label{font-size:8px;padding:4px 6px;top:calc(100% + 4px)}.charm-icon::before{top:-7px;height:10px;width:7px}.wheel-centre{inset:28%}.centre-name{font-size:19px;bottom:7%}.centre-heart{font-size:21px}.unicorn-peek{width:120px;height:129px;left:4px;top:-36px}.spark-a{font-size:29px;right:-17px;top:30px}.spark-b{font-size:23px;left:-16px;bottom:44px}.spark-c{font-size:19px;right:3px;bottom:8px}.wheel-controls{margin-top:21px;margin-bottom:15px;font-size:9px}.wheel-controls button{font-size:9px;padding:7px 10px}.chosen-link{padding:17px;min-height:121px}.chosen-link h2{font-size:22px}.chosen-kicker{font-size:7px}.chosen-link p:last-child{font-size:10px}.chosen-link>a{width:38px;height:38px}.links-section{padding-top:40px}.section-label{margin-bottom:19px;padding-bottom:9px}.section-label h2{font-size:7.5px;letter-spacing:.11em}.all-links-grid{grid-template-columns:1fr;gap:16px}.all-links-grid .card-main{padding:20px 16px}.all-links-grid .card-copy strong,.all-links-grid .amazon .card-copy strong{font-size:14px}.mini-links{margin-top:20px}.affiliate-note{margin-bottom:15px}.hello-note{margin-top:15px}.rainbow.left{left:-370px}.rainbow.right{right:-370px}}
@media(max-width:365px){main{padding-left:23px;padding-right:23px}.hero-copy .cutout{font-size:30px}.hero-copy h1{font-size:27px}.charm-button{width:49px;height:49px}.charm-icon svg{width:22px;height:22px}.charm-label{font-size:7px;padding:4px 5px}.centre-name{font-size:16px}.chosen-link h2{font-size:19px}.unicorn-peek{width:110px;height:116px;top:-30px;left:0}.wheel-controls{font-size:8px}.wheel-controls button{font-size:8px}}

.unicorn-peek .unicorn-body{clip-path:polygon(0 40%,37% 49%,77% 44%,100% 38%,100% 100%,0 100%)}
.unicorn-peek .unicorn-head{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,100% 43%,77% 49%,37% 54%,0 45%);transform-origin:55% 44%;animation:head-tilt 5s ease-in-out infinite}
.nudging .wheel-rotor{animation:wheel-nudge 1.6s cubic-bezier(.3,.8,.3,1)}
.nudging .unicorn-peek .unicorn-stage{animation:unicorn-nudge 1.6s ease-in-out}
@keyframes head-tilt{0%,100%{transform:rotate(-2deg)}40%,65%{transform:rotate(4deg) translateY(-1px)}}
@keyframes wheel-nudge{0%,32%,100%{transform:rotate(var(--turn))}52%{transform:rotate(calc(var(--turn) + 10deg))}75%{transform:rotate(calc(var(--turn) - 3deg))}90%{transform:rotate(calc(var(--turn) + 1deg))}}
@keyframes unicorn-nudge{0%,100%{transform:translate(0,4px) rotate(-3deg)}35%{transform:translate(10px,-3px) rotate(8deg)}55%{transform:translate(5px,-5px) rotate(4deg)}75%{transform:translate(-2px,0) rotate(-5deg)}}

@media(max-width:700px){.hero-copy .socials{display:flex;justify-content:center;margin:19px 0 2px;gap:11px}.hero-copy .socials a{width:32px;height:32px}.hero-copy .socials svg{width:16px;height:16px}}
.charm-slot{inset:12% auto auto 50%;width:0;height:76%}.charm-button{left:0;top:0}
main{overflow-x:clip}

/* A simpler hero, with the unicorn at the heart of its rainbow. */
.wheel-column{padding-top:12px}.chosen-link{margin-top:32px}.hero-copy .socials{margin-top:25px}.wheel-centre.unicorn-centre{padding:0;pointer-events:auto;transform:none;background:radial-gradient(circle at 50% 35%,#fff9ed,#eee0f3 80%);cursor:pointer}.unicorn-centre .unicorn-stage{position:absolute;inset:5% 7% 5%;animation:centre-bob 4.8s ease-in-out infinite;transform-origin:50% 70%}.unicorn-centre .unicorn-body,.unicorn-centre .unicorn-head{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px #68488a18)}.unicorn-centre .unicorn-body{clip-path:polygon(0 40%,37% 49%,77% 44%,100% 38%,100% 100%,0 100%)}.unicorn-centre .unicorn-head{clip-path:polygon(0 0,100% 0,100% 43%,77% 49%,37% 54%,0 45%);transform-origin:55% 44%;animation:head-tilt 5s ease-in-out infinite}.nudging .unicorn-centre .unicorn-stage{animation:unicorn-nudge 1.6s ease-in-out}.wheel-stage .magic-message{left:50%;top:24%;transform:translate(-50%,5px);white-space:nowrap}.wheel-stage .magic-message.show{transform:translate(-50%,0)}.arriving .wheel-rotor,.arriving .charm-button{transition-duration:4.4s;transition-timing-function:cubic-bezier(.12,.72,.1,1)}.golden-sparkles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.golden-star{position:absolute;display:block;width:var(--size);height:var(--size);opacity:0;background:linear-gradient(135deg,#f8e4a4 5%,#ca982d 45%,#a9741a 75%,#eac876);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 63%,50% 100%,37% 63%,0 50%,37% 36%);animation:golden-wink var(--duration) ease-in-out var(--delay) infinite;filter:drop-shadow(0 0 3px #e2b84f66)}.wheel-spark{color:#c4932f}.spark-a{font-size:25px}.spark-b{font-size:16px}.spark-c{font-size:15px}
@keyframes centre-bob{0%,100%{transform:translateY(1px) rotate(-2deg)}45%,60%{transform:translateY(-4px) rotate(2deg)}}
@keyframes golden-wink{0%,15%,85%,100%{opacity:0;transform:scale(.35) rotate(-12deg)}38%,58%{opacity:.9;transform:scale(1) rotate(8deg)}}
@media(max-width:700px){.wheel-hero{gap:18px}.wheel-column{padding-top:4px}.chosen-link{margin-top:27px}.hero-copy .socials{margin-top:18px}.links-section{padding-top:34px}.golden-star:nth-child(n+33){display:none}.wheel-spark.spark-a{font-size:20px}.wheel-spark.spark-b{font-size:14px}.wheel-spark.spark-c{font-size:13px}}
@media(prefers-reduced-motion:reduce){.golden-star:nth-child(4n){opacity:.3;transform:none}}

.links-section{padding-top:50px}.charm-button[data-choice="5"] .charm-label{font-size:8px}@media(max-width:700px){.links-section{padding-top:30px}.charm-button[data-choice="5"] .charm-label{font-size:7px}}

.charm-button[data-choice="0"] .charm-label{line-height:1.15}.chosen-copy>p:last-child:empty{display:none}

/* Colour belongs to every charm, including before selection. */
.charm-button[data-choice="0"]{--charm-paper:#fff0cc;--charm-ink:#a56214;--charm-fill:#f4c65f}
.charm-button[data-choice="1"]{--charm-paper:#ffe0ef;--charm-ink:#bd3e85}
.charm-button[data-choice="2"]{--charm-paper:#d9f5f3;--charm-ink:#166d75}
.charm-button[data-choice="3"]{--charm-paper:#ffe2ee;--charm-ink:#a63f76;--charm-fill:#ed97bf}
.charm-button[data-choice="4"]{--charm-paper:#e9dcfa;--charm-ink:#97631c;--charm-fill:#f3cd65}
.charm-button[data-choice="5"]{--charm-paper:#e8ddfa;--charm-ink:#7950ac}
.charm-button[data-choice="6"]{--charm-paper:#ffe9d2;--charm-ink:#a36535;--charm-fill:#edc49a}
.charm-button[data-choice] .charm-icon{background:var(--charm-paper);color:var(--charm-ink)}
.charm-button[data-choice] .charm-icon svg{stroke:var(--charm-ink);fill:var(--charm-fill,none);stroke-width:1.9}
.charm-button[data-choice="2"] .charm-icon svg{filter:drop-shadow(1px 0 #e7719e) drop-shadow(-1px 0 #63ced1)}
.charm-button[data-choice="6"] .charm-label{font-size:8px;line-height:1.15}
.rainbow-disc{background:conic-gradient(from -25.71428571deg,#f5db87 0deg 51.42857143deg,#f3b4df 51.42857143deg 102.85714286deg,#b5c9ee 102.85714286deg 154.28571429deg,#b6cbb5 154.28571429deg 205.71428571deg,#c9b4df 205.71428571deg 257.14285714deg,#f0bba6 257.14285714deg 308.57142857deg,#f4dfb6 308.57142857deg 360deg)}
.wheel-column{padding-top:38px}.wheel-pointer{position:absolute;left:50%;top:-36px;width:34px;height:44px;transform:translateX(-50%);transform-origin:50% 16%;z-index:6;pointer-events:none;filter:drop-shadow(2px 2px 0 #35234333)}.wheel-pointer svg{display:block;width:100%;height:100%;stroke:var(--ink);stroke-width:1.6;fill:var(--paper)}.wheel-pointer .pointer-body{fill:var(--butter)}.wheel-pointer .pointer-star{fill:var(--purple);stroke-width:.8}.arriving .wheel-pointer{animation:pointer-click .19s ease-in-out 17}.nudging .wheel-pointer{animation:pointer-click .25s ease-in-out 4}.chosen-link[data-tone=coffee],.link-card.coffee{background:#f2d5af}.link-card.coffee{grid-column:1/-1}.link-card.coffee .card-icon{color:#9f6333;background:#fff0dc}.link-card.coffee .card-icon svg{fill:#f4d6b5}
@keyframes pointer-click{0%,100%{transform:translateX(-50%) rotate(0deg)}45%{transform:translateX(-50%) rotate(-11deg)}75%{transform:translateX(-50%) rotate(4deg)}}
@media(max-width:700px){.wheel-column{padding-top:24px}.wheel-pointer{width:28px;height:35px;top:-28px}.charm-button[data-choice="6"] .charm-label{font-size:7px}}

/* The supplied dance plays silently inside the circular mascot window. */
.unicorn-centre .dance-still,.unicorn-centre .dance-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.unicorn-centre .dance-video{opacity:0;transition:opacity .2s}.unicorn-centre.dance-ready .dance-video{opacity:1}.unicorn-centre.dance-ready .dance-still{opacity:0}[data-motion=off] .unicorn-centre .dance-video{display:none}[data-motion=off] .unicorn-centre .dance-still{opacity:1}

/* Feather the recording into its circular backdrop, including the source padding joins. */
.wheel-centre.unicorn-centre{background:radial-gradient(ellipse at 50% 45%,#e4dfdc,#e2dedb 72%)}
.unicorn-centre .dance-still,.unicorn-centre .dance-video{-webkit-mask-image:linear-gradient(to right,transparent 9%,#000 24%,#000 76%,transparent 91%),linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);mask-image:linear-gradient(to right,transparent 9%,#000 24%,#000 76%,transparent 91%),linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

.charm-button{display:block;cursor:pointer}

.charm-label .charm-detail{display:block;font-size:.9em;line-height:1.15;margin-top:2px}