.about-story{--story-paper:#fffdf7;--story-ink:#0b1121;--story-muted:#455064;--story-border:#0b1121;--story-rule:#0b11211a;--story-teal:#2e7d6f;--story-spacing:2.2rem;--story-margin:2.35rem;--story-text-inset:3.25rem;background:var(--story-paper);min-width:0;color:var(--story-ink);border-color:var(--story-border);box-shadow:4px 4px #111}.about-story:has(.call-tabs button:nth-child(2n)[aria-selected=true]){--story-paper:#111;--story-ink:#faf5eee6;--story-muted:#faf5eebf;--story-border:#faf5eea6;--story-rule:#ffffff1a;--story-teal:#8dcec0}.about-story .call-tabs{background:var(--story-border);border-bottom-color:var(--story-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}.about-story .call-tabs button{background:var(--story-paper);min-width:0;color:var(--story-muted);border-right:0}.about-story .call-tabs button span{width:max-content;color:inherit;border-radius:2px;padding:2px 5px}.about-story .call-tabs button[aria-selected=true]{color:var(--story-ink)}.about-story .call-tabs button[aria-selected=true] span{color:#fd8d0c;background:#111}.about-story .call-tabs button:after{bottom:0}.about-story .call-tabs button:focus-visible{outline-color:var(--story-teal)}.about-story .call-panel{min-width:0;padding:3.3rem 2.4rem 3.3rem var(--story-text-inset);background-color:var(--story-paper);background-image:linear-gradient(to right, transparent var(--story-margin), #fd8d0c73 var(--story-margin), #fd8d0c73 calc(var(--story-margin) + 1px), transparent calc(var(--story-margin) + 1px)), repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--story-spacing) - .45rem), var(--story-rule) calc(var(--story-spacing) - .45rem), var(--story-rule) calc(var(--story-spacing) - .45rem + 1px), transparent calc(var(--story-spacing) - .45rem + 1px), transparent var(--story-spacing));color:var(--story-ink);overflow-wrap:anywhere;background-position:0 0,0 3.3rem;transition:none;position:relative;transform:none}.about-story .call-panel>p{color:inherit;font-family:var(--font-handwriting);font-size:1.3rem;line-height:var(--story-spacing);margin:0}.about-story .call-panel>p+p{margin-top:var(--story-spacing)}.about-story .results-panel-heading{top:1rem;left:var(--story-text-inset);letter-spacing:.1em;font-size:12px;line-height:1.2;position:absolute;right:2.4rem}.about-story .call-steps-foot{color:var(--story-ink)}.about-story .call-steps-foot button{background:var(--story-paper);border-color:var(--story-border);color:var(--story-ink)}.about-story .call-steps-foot button:focus-visible{outline:2px solid var(--story-teal);outline-offset:3px}.about-story .story-doodles{pointer-events:none;position:absolute;inset:0}.about-story .story-doodle{color:#fd8d0c;width:1.55rem;height:1.55rem;position:absolute}.about-story .story-doodle-1{top:.8rem;left:.45rem;transform:rotate(-11deg)}.about-story .story-doodle-2{color:var(--story-teal);top:.8rem;right:.45rem;transform:rotate(9deg)}.about-story .story-doodle-3{color:var(--story-teal);top:50%;left:.4rem;transform:rotate(-8deg)}.about-story .story-doodle-4{bottom:.8rem;left:.5rem;transform:rotate(7deg)}.about-story .story-doodle-5{color:var(--story-teal);bottom:.8rem;right:.55rem;transform:rotate(-9deg)}@media (prefers-reduced-motion:no-preference){.about-story,.about-story .call-panel,.about-story .call-tabs,.about-story .call-tabs button,.about-story .call-steps-foot,.about-story .call-steps-foot button{transition:background-color .25s,color .25s,border-color .25s}.about-story .call-tabs button:after{transition:none}}html:not(.js) .about-story .call-panels{display:block}html:not(.js) .about-story .call-tabs,html:not(.js) .about-story .call-steps-foot{display:none}html:not(.js) .about-story .call-panel:nth-child(2n){--story-paper:#111;--story-ink:#faf5eee6;--story-rule:#ffffff1a;--story-teal:#8dcec0}@media print{.about-story .call-panels{display:block}.about-story .call-tabs,.about-story .call-steps-foot{display:none}.about-story .call-panel:nth-child(odd){--story-paper:#fffdf7;--story-ink:#0b1121;--story-rule:#0b11211a;--story-teal:#2e7d6f}.about-story .call-panel:nth-child(2n){--story-paper:#111;--story-ink:#faf5eee6;--story-rule:#ffffff1a;--story-teal:#8dcec0}}.about-story-actions{background:#111;border:2px solid #0b1121;border-radius:4px;min-width:0;padding:24px}@media (min-width:768px){.about-story{--story-margin:3.5rem;--story-text-inset:4.8rem}.about-story .call-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.about-story .call-panel{padding-right:4rem}.about-story .call-panel>p{font-size:1.5rem}.about-story .story-doodle{width:2rem;height:2rem}.about-story .story-doodle-1,.about-story .story-doodle-3,.about-story .story-doodle-4{left:.8rem}.about-story .story-doodle-2,.about-story .story-doodle-5{right:.9rem}}.socials-section{color:var(--color-brand-navy)}.socials-heading{margin-bottom:32px}.socials-eyebrow{color:var(--color-brand-teal-dark);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.socials-handwriting{color:var(--color-brand-navy);font-family:var(--font-handwriting);margin-top:8px;font-size:clamp(24px,5vw,32px);font-weight:600}.socials-content{min-width:0}.socials-focus:focus-visible{z-index:2;outline:3px solid var(--color-brand-teal-dark);outline-offset:5px;position:relative}.sticker-wall{background-color:#c9a36b;background-image:radial-gradient(#946d3d55 .7px,#0000 .7px),radial-gradient(#f4dfc166 .8px,#0000 .8px);background-position:0 0,3px 5px;background-size:7px 9px,11px 13px;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 16px;padding:30px 20px;display:flex}.sticker{background:var(--sticker-tint);color:#0b1121;text-align:center;min-width:0;max-width:100%;transform:translateY(var(--sticker-offset)) rotate(var(--sticker-angle));border:4px solid #fff;border-radius:999px;flex-wrap:wrap;flex:0 auto;justify-content:center;align-items:center;gap:9px;padding:13px 18px;text-decoration:none;display:flex;position:relative;box-shadow:0 5px 9px #38271340,0 1px 2px #38271330}.sticker:disabled{cursor:text}.sticker-large{gap:10px;padding:16px 20px}.sticker-small{border-radius:50%;flex-direction:column;gap:6px;width:82px;height:82px;padding:9px}.sticker-icon{flex:none;justify-content:center;align-items:center;display:flex}.sticker-icon :is(svg,img){object-fit:contain;width:22px;height:22px}.sticker-large .sticker-icon :is(svg,img){width:30px;height:30px}.sticker-name{overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:900;line-height:1.1}.sticker-large .sticker-name{font-size:clamp(17px,2.25vw,24px)}.sticker-small .sticker-name{font-size:10.5px}.sticker-x .sticker-name{font-size:44px;line-height:1}.sticker-tape{background:#f5e7b9cc;width:36px;height:16px;position:absolute;top:-10px;left:calc(50% - 18px);transform:rotate(-12deg);box-shadow:0 1px 2px #38271326}.sticker-group{flex-direction:column;flex:0 auto;align-items:center;min-width:0;max-width:100%;display:flex;position:relative}.sticker-status{color:#0b1121;text-align:center;overflow-wrap:anywhere;max-width:16rem;margin-top:10px;font-size:11px;font-weight:700;line-height:1.3}html.js .sticker-status[data-ready=true]:not([data-copy-state=error]){clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.socials-dev-card{border:2px solid var(--color-brand-navy);box-shadow:4px 4px 0 var(--color-brand-orange);color:#fff;background:#111;border-radius:8px;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px;padding:26px;display:flex}.socials-dev-symbol{width:52px;height:52px;color:var(--color-brand-orange);border:1px solid #ffffff59;border-radius:8px;flex:none;place-items:center;font-family:monospace;font-size:23px;display:grid}.socials-dev-card h3{letter-spacing:-.03em;font-size:clamp(23px,5vw,28px);font-weight:900}.socials-dev-card p{color:#ffffffbf;margin-top:5px;font-size:14px}.socials-dev-button{background:var(--color-brand-orange);color:#111;text-align:center;border:2px solid #fff;border-radius:4px;width:100%;padding:13px 16px;font-size:14px;font-weight:900;display:block;box-shadow:3px 3px #fff}.socials-dev-card a:focus-visible{outline:3px solid var(--color-brand-orange);outline-offset:5px}@media (min-width:768px){.sticker-wall{gap:26px 22px;padding:36px 30px}.socials-dev-button{width:auto;margin-left:auto}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sticker{transition:transform .2s,box-shadow .2s}.sticker:not(:disabled):hover{z-index:1;transform:translateY(var(--sticker-offset)) rotate(0deg) scale(1.06);box-shadow:0 10px 18px #38271355}.socials-dev-button{transition:transform .12s,box-shadow .12s}.socials-dev-button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #fff}}
