:root{--bg: #F5F1EA;--bg-warm: #EDE7DC;--fg: #1A1A1A;--line: #E1DBD2;--line-2: #D6CFC2;--muted: #8B8279;--muted-2: #6E665D;--ink-light: #4E4842;--serif: "Unkempt", "Comic Sans MS", cursive;--mono: "Stack Sans Notch", ui-sans-serif, system-ui, sans-serif;--oxblood: #743434;--sage: #5f7150;--tan: #a37d3e;--terracotta: #a8552c;--ease: cubic-bezier(.2, .8, .3, 1);--font-deptmark: "Jacquard 24", system-ui;--font-hero: "Scope One", serif;--font-desc: "Space Grotesk", sans-serif}*{box-sizing:border-box}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:none}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--serif);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 8% -5%,rgba(139,130,121,.06),transparent 38%),radial-gradient(circle at 96% 30%,rgba(139,130,121,.05),transparent 44%)}a{color:inherit;text-decoration:none}.scene{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:clamp(22px,5vh,90px) 24px;position:relative;overflow:hidden}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d, 0s);will-change:opacity,transform}.scene.is-active .reveal{opacity:1;transform:none}.scene--hero{justify-content:center;gap:clamp(40px,10vh,130px)}.hero-top{width:100%;text-align:center}.hero-mid{width:100%;display:flex;align-items:center;justify-content:center}.mark{display:inline-block;width:min(80vw,900px);aspect-ratio:724 / 93;background:#2b2722;-webkit-mask:url(/wordmark-alt.svg) center / contain no-repeat;mask:url(/wordmark-alt.svg) center / contain no-repeat}.hero__inner{display:flex;align-items:center;justify-content:center;gap:12px}.hero__mascot{width:300px;height:300px;flex:none;cursor:pointer;background:transparent}.hero__mascot canvas{width:100%!important;height:100%!important;display:block}.hero__inner h1{font-family:var(--font-hero);font-weight:700;letter-spacing:-.04em;line-height:.9;font-size:clamp(24px,4.5vw,56px);margin:0;margin-top:calc(clamp(18px,3.5vw,42px) + .9em)}.hero__inner h1 em{font-style:normal;font-weight:400;color:var(--ink-light)}.scroll-cue{position:absolute;bottom:clamp(16px,4vh,40px);left:50%;transform:translate(-50%);font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding-bottom:22px}.scroll-cue:after{content:"";position:absolute;left:50%;bottom:0;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translate(-50%) rotate(45deg);animation:cueBounce 1.8s var(--ease) infinite}@keyframes cueBounce{0%,to{transform:translate(-50%) rotate(45deg) translateY(0);opacity:.5}50%{transform:translate(-50%) rotate(45deg) translateY(5px);opacity:1}}.scene__title{font-family:var(--font-hero);font-weight:700;letter-spacing:-.03em;line-height:.95;font-size:clamp(30px,min(6.5vw,8vh),76px);margin:0;text-align:center}.scene__title em{font-style:normal;font-weight:400;color:var(--ink-light)}.scene__lead{font-family:var(--font-desc);font-size:clamp(17px,2.3vw,25px);line-height:1.28;color:var(--ink-light);max-width:660px;margin:0;text-align:center}.scene__lead p{margin:0}.scene__lead p+p{margin-top:.7em}.scene__lead em{font-style:normal;color:var(--oxblood)}.scene--tools{gap:clamp(14px,3.5vh,40px)}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2.2vh,26px);width:100%;max-width:880px}.tool{position:relative;overflow:hidden;min-height:clamp(150px,24vh,210px);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:clamp(6px,1vh,12px);padding:clamp(14px,2.6vh,28px);border:1px solid var(--line-2);border-radius:22px;background:#ffffff80;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.tool:before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--accent) 20%,#fff);clip-path:polygon(0 0,64% 0,36% 100%,0 100%)}.tool:hover{transform:translateY(-6px);box-shadow:0 18px 44px #281e1424}.tool__glyph{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:34%;height:58%}.tool__glyph img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1.5px 2px rgba(40,24,14,.4))}.tool__copy{position:relative;max-width:72%;display:flex;flex-direction:column;align-items:flex-end;gap:clamp(5px,.9vh,11px);text-align:right}.tool__soon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--accent);opacity:0;clip-path:polygon(0 0,0 0,-28% 100%,0 100%);transition:clip-path .42s var(--ease),opacity .16s linear;pointer-events:none}.tool:hover .tool__soon{opacity:1;clip-path:polygon(0 0,138% 0,110% 100%,0 100%)}.soon__in{position:relative;display:inline-block;font-size:clamp(34px,6vw,58px);line-height:1;transform:scale(.2) rotate(-18deg);opacity:0}.tool:hover .soon__in{animation:soonPop .62s cubic-bezier(.3,1.5,.45,1) both}@keyframes soonPop{0%{transform:scale(.2) rotate(-18deg);opacity:0}45%{transform:scale(1.22) rotate(9deg);opacity:1}64%{transform:scale(.9) rotate(-5deg)}80%{transform:scale(1.07) rotate(3deg)}92%{transform:scale(.98) rotate(-2deg)}to{transform:scale(1) rotate(-6deg);opacity:1}}.tool__soon b{position:relative;display:inline-block;font-family:Fontdiner Swanky,cursive;font-weight:400;color:#fff;font-size:1em;text-shadow:0 4px 0 rgba(0,0,0,.12)}.tool:hover .tool__soon b{animation:soonBob 1.7s ease-in-out .62s infinite}@keyframes soonBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-.09em) rotate(.6deg)}}.tool[data-app=tattle] .tool__soon b{font-family:Luckiest Guy,cursive}.tool[data-app=sewcrates] .tool__soon b{font-family:Jaro,sans-serif}.tool[data-app=slooth] .tool__soon b{font-family:Chokokutai,system-ui}.tool[data-app=fussy] .tool__soon b{font-family:Reenie Beanie,cursive}.tool__soon b:before,.tool__soon b:after,.soon__in:before,.soon__in:after{position:absolute;opacity:0;color:#fff;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tool__soon b:before{content:"✦";left:-.5em;top:-.32em;font-size:.4em}.tool__soon b:after{content:"✧";right:-.46em;bottom:-.12em;font-size:.52em}.soon__in:before{content:"⋆";left:-.62em;bottom:.05em;font-size:.46em}.soon__in:after{content:"✦";right:-.34em;top:-.18em;font-size:.3em}.tool:hover .tool__soon b:before{animation:twinkle 1.4s ease-in-out .55s infinite}.tool:hover .tool__soon b:after{animation:twinkle 1.7s ease-in-out .85s infinite}.tool:hover .soon__in:before{animation:twinkle 1.5s ease-in-out 1.05s infinite}.tool:hover .soon__in:after{animation:twinkle 1.25s ease-in-out .7s infinite}@keyframes twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}40%{opacity:1;transform:scale(1.1) rotate(45deg)}72%{opacity:.55;transform:scale(.85) rotate(85deg)}}@media(prefers-reduced-motion:reduce){.tool__soon{transition:opacity .2s;clip-path:none!important}.tool__soon .soon__in,.tool__soon b,.tool__soon b:before,.tool__soon b:after,.soon__in:before,.soon__in:after{animation:none!important}.tool:hover .soon__in{transform:rotate(-4deg);opacity:1}}.tool__desc{font-family:var(--font-desc);color:var(--muted-2);font-size:clamp(12px,min(1.6vw,2vh),16px);text-align:right}.wordmark{background:var(--fg);transition:background .3s;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.tool__mark{display:flex;justify-content:flex-end;width:100%}.tool .wordmark{--wm-h: clamp(31px, 5.1vh, 51px);height:var(--wm-h);width:calc(var(--wm-h) * var(--wm-ar));max-width:100%;background:var(--accent);-webkit-mask-position:right center;mask-position:right center}.wm-fussy{--wm-ar: 1.506;-webkit-mask-image:url(/wordmarks/fussy.svg);mask-image:url(/wordmarks/fussy.svg)}.wm-sewcrates{--wm-ar: 5.411;-webkit-mask-image:url(/wordmarks/sewcrates.svg);mask-image:url(/wordmarks/sewcrates.svg)}.wm-tattle{--wm-ar: 3.04;-webkit-mask-image:url(/wordmarks/tattle.svg);mask-image:url(/wordmarks/tattle.svg)}.wm-slooth{--wm-ar: 3.529;-webkit-mask-image:url(/wordmarks/slooth.svg);mask-image:url(/wordmarks/slooth.svg)}.tool .wm-fussy{--wm-h: clamp(40px, 6.8vh, 70px)}.tool .wm-sewcrates{--wm-h: clamp(20px, 3.3vh, 36px)}.tool .wm-tattle{--wm-h: clamp(28px, 4.6vh, 46px)}.scene--def{justify-content:center}.def-main{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(36px,7vh,88px)}.copyright{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:#f5f1ea80;margin:0}.def{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(24px,5vw,76px);width:100%;max-width:960px}.def__figure{margin:0;flex:none}.bj-figure{--bj-scale: clamp(.5, min(40vw, 48vh) / 360, 1);width:calc(360px * var(--bj-scale));height:calc(384px * var(--bj-scale))}.bj-scene{position:relative;width:360px;height:384px;transform-origin:top left;transform:scale(var(--bj-scale));display:flex;align-items:flex-end;justify-content:center}.belljar{position:relative;width:330px;height:384px}.belljar>*{position:absolute;left:50%;transform:translate(-50%)}.bj-shadow{bottom:18px;width:300px;height:40px;border-radius:50%;background:radial-gradient(ellipse,rgba(55,38,24,.32),transparent 70%);filter:blur(3px)}.bj-base-1{bottom:20px;width:306px;height:58px;border-radius:50%;background:radial-gradient(ellipse at 48% 30%,#7a4d2b,#4a2c16 76%);box-shadow:inset 0 4px 5px #ffe1be38,inset 0 -16px 22px #201208a6,0 14px 24px -8px #20120880}.bj-base-2{bottom:42px;width:262px;height:48px;border-radius:50%;background:radial-gradient(ellipse at 47% 32%,#875733,#532f17 78%);box-shadow:inset 0 4px 5px #ffe1be3d,inset 0 -12px 18px #2012088c,0 7px 12px -4px #20120873}.bj-base-3{bottom:58px;width:228px;height:40px;border-radius:50%;background:radial-gradient(ellipse at 46% 34%,#94612f,#5a3318 78%);box-shadow:inset 0 -6px 11px #20120880,inset 0 4px 5px #ffe1be38,0 5px 9px -4px #20120866}.bj-glass{bottom:77px;width:222px;height:292px;border-radius:50% 50% 0 0/58% 58% 0 0;background:linear-gradient(108deg,#ffffff12,#cee0dc0d 40%,#ffffff05 60%,#b8d1ca12);border:1.5px solid rgba(150,165,158,.42);border-bottom:none;box-shadow:inset 14px 8px 30px #ffffff2e,inset -18px -8px 34px #788c841f,inset 0 0 26px #ffffff1a,0 14px 24px -16px #323c2d38}.bj-glass:before{content:"";position:absolute;left:24px;top:34px;width:42px;height:62%;border-radius:50%;transform:rotate(-6deg);filter:blur(4px);background:linear-gradient(120deg,#ffffff6b,#fff0 70%)}.bj-glass:after{content:"";position:absolute;left:40px;top:44px;width:7px;height:46%;border-radius:6px;filter:blur(.4px);background:linear-gradient(#ffffff8c,#fff0)}.bj-rim-back{bottom:57px;width:222px;height:40px;border-radius:50%;border:1.4px solid rgba(160,175,168,.32);clip-path:inset(0 0 50% 0)}.bj-halo{bottom:77px;width:222px;height:222px;border-radius:50%;background:radial-gradient(circle,rgba(150,205,150,.48),rgba(140,190,140,.12) 56%,transparent 72%);filter:blur(3px)}.bj-creature{bottom:65px;width:220px;height:220px;display:flex;align-items:flex-end;justify-content:center}.bj-creature canvas{display:block}.bj-rim{bottom:57px;width:222px;height:40px;border-radius:50%;border:1.8px solid rgba(255,255,255,.62);clip-path:inset(50% -8px -10px -8px)}.bj-reflect{left:33%;bottom:120px;transform:translate(-50%) rotate(7deg);width:14px;height:150px;border-radius:10px;filter:blur(2px);background:linear-gradient(#ffffff42,#fff0)}.def__text{max-width:480px;text-align:left}.def__lead{font-family:var(--font-desc);font-size:clamp(20px,2.6vw,31px);line-height:1.22;margin:0 0 22px}.def__lead-open{display:block;margin-bottom:.5em}.def__lead strong{color:var(--oxblood);font-weight:700}.scene--badges{justify-content:flex-start;gap:0}.badges-main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,4vh,40px)}.badges-rail{width:min(100%,1100px);margin-inline:auto;overflow:hidden;padding:18px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.badges-stage{position:relative;min-height:340px}.badge{--accent: var(--oxblood);position:absolute;top:0;left:0;width:200px;will-change:transform;display:flex;flex-direction:column;background:#fdfbf7;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 12px 28px -14px #281e1457,inset 0 1px #ffffffb3;overflow:hidden}.badge__clip{height:22px;flex:none;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 12%,#fff)}.badge__clip:before{content:"";width:46px;height:7px;border-radius:5px;background:#281e1447;box-shadow:inset 0 1px 2px #0006}.badge__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--accent);color:#fff;font-family:var(--mono);text-transform:uppercase}.badge__type{font-size:11px;letter-spacing:.14em;font-weight:600;white-space:nowrap}.badge__mono{flex:none;height:15px;width:30px;background:#ffffffe6;-webkit-mask:url(/md-monogram.svg) center / contain no-repeat;mask:url(/md-monogram.svg) center / contain no-repeat}.badge__photo{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 22%,#fff),color-mix(in srgb,var(--accent) 7%,#fff));border-bottom:1px solid var(--line)}.badge__photo canvas{width:100%!important;height:100%!important;display:block}.badge__body{padding:11px 13px 4px}.badge__name{font-size:17px;color:var(--fg);flex-wrap:nowrap}.badge__title{font-size:11px;color:var(--muted-2);margin-top:7px;flex-wrap:nowrap}.badge__foot{margin-top:auto;padding:9px 13px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.badge__code{font-size:10px;color:var(--muted);flex:none}.badge__barcode{display:flex;align-items:stretch;flex:1;height:22px;max-width:84px;opacity:.82}.badge__barcode>span{display:block;height:100%}.glyphs{display:flex;flex-wrap:wrap;align-items:center;gap:.22em .2em;line-height:1}.glyph{width:.58em;height:.92em;flex:none;overflow:visible}.glyph path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.glyph circle{fill:currentColor;stroke:none}.glyph--num{width:.5em}.glyph--gap{width:.3em}.scene--badges:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8vh;pointer-events:none;z-index:4;background:radial-gradient(222% 141% at 50% -22%,transparent 26%,#060606 73%)}.scene--end{justify-content:center;background:#060606;color:var(--bg)}.end-main{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3.4vh,34px)}.end-mark{width:min(86vw,860px);aspect-ratio:724 / 93;background:#fff;-webkit-mask:url(/wordmark-alt.svg) center / contain no-repeat;mask:url(/wordmark-alt.svg) center / contain no-repeat}.end-statement{font-family:var(--font-desc);font-size:clamp(16px,2.3vw,26px);line-height:1.32;color:#f5f1eaa8;max-width:600px;margin:0;text-align:center}.end-form{display:flex;flex-direction:column;gap:10px;width:min(380px,82vw);margin-top:4px}.end-field{width:100%;padding:11px 13px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:var(--bg);font-family:var(--font-desc);font-size:15px;transition:border-color .2s,background .2s}.end-field::placeholder{color:#f5f1ea66}.end-field:focus{outline:none;border-color:#f5f1ea8c;background:#ffffff1a}.end-field--msg{resize:vertical;min-height:60px}.end-form--sentence{width:min(620px,90vw);gap:16px}.end-statement--form{color:#f5f1eab8;margin:0}.end-inline{font-family:inherit;font-size:inherit;line-height:1.32;color:var(--bg);background:transparent;border:none;border-radius:5px;padding:0 6px 2px;margin:0 1px;transition:background .2s}.end-inline::placeholder{color:#f5f1ea61;font-style:italic}.end-inline:focus{outline:none;background:#ffffff14}.end-inline--email{max-width:70vw}.end-inline--select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f5f1ea' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 3px center}.end-inline--select option{color:#111}.end-select-wrap{position:relative;display:inline-block}.end-select-sizer{position:absolute;left:0;top:0;display:inline-block;visibility:hidden;pointer-events:none;white-space:pre}.end-sizer--ph{font-style:italic}.end-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.end-send{align-self:center;margin-top:2px;padding:10px 28px;border-radius:9px;background:var(--bg);color:#111;border:none;cursor:pointer;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;transition:transform .2s var(--ease),opacity .2s}.end-send:hover{transform:translateY(-1px)}.end-send:disabled{opacity:.6;cursor:default;transform:none}.end-err{font-family:var(--mono);font-size:12px;line-height:1.4;color:#f5f1eab3;margin:0;text-align:center}.end-err a{color:var(--bg);text-decoration:underline}.end-sent{font-family:var(--font-desc);font-size:19px;color:#f5f1ead1;margin:0;text-align:center}.scene--end .copyright{position:absolute;left:0;right:0;bottom:clamp(18px,4vh,40px);text-align:center;color:#f5f1ea66}@media(max-width:900px){.hero__inner{flex-direction:column;align-items:center;gap:4px}.hero__mascot{width:clamp(120px,26vh,220px);height:clamp(120px,26vh,220px);margin-bottom:0}.hero__inner h1{font-size:clamp(22px,min(6vw,8vh),48px)}}@media(max-width:640px){.def{flex-direction:column}.def__text{text-align:center;max-width:440px}}@media(max-width:760px){.tools-grid{grid-template-columns:1fr;max-width:460px}.tool{min-height:clamp(82px,13vh,128px)}}@media(max-width:480px){.tools-grid{gap:12px}.tool{padding:18px 12px;border-radius:18px}}@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none;scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue:after{animation:none}.badges-rail{overflow-x:auto}}.scroll-tail{height:120px;background:#060606}