.ft{color:#f0ece2e6;background:#262626 url(/works/case-study-chalk-large.webp) bottom/auto 140% no-repeat;margin-top:8px;position:relative}@media (min-width:768px){.ft{background-size:100%}}.ft-ledge{background:url(/play/ledge.webp) 50%/100% 100% no-repeat;height:18px;position:absolute;top:-6px;left:0;right:0;box-shadow:0 3px 6px #00000059}.ft-grid{gap:36px;max-width:1360px;margin:0 auto;padding:56px 16px 32px;display:grid}@media (min-width:768px){.ft-grid{padding-left:40px;padding-right:40px}}@media (min-width:900px){.ft-grid{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:80px;padding-top:64px;padding-bottom:40px}.ft-side{justify-self:end}}.ft a,.ft button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ft-reach{flex-direction:column;gap:14px;display:flex}.ft-howdy{align-items:center;gap:20px;display:flex}.ft-stamp{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 6px #00000073);width:76px;height:auto;transition:rotate .3s var(--ease-out-strong);flex-shrink:0;rotate:-6deg}@media (min-width:768px){.ft-stamp{width:88px}}@media (hover:hover) and (pointer:fine){.ft-reach:hover .ft-stamp{rotate:-2deg}}.ft-cta{font-family:var(--font-display);color:#f4f0e6f2;text-shadow:0 0 1px #f0ece259;font-size:32px;line-height:1.2}.ft-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.ft-copy{min-height:44px;font-family:var(--font-mono);color:#f4f0e6f2;border:1.5px solid #ece8e073;border-radius:10px;align-items:center;padding:0 18px;font-size:14px;transition:background-color .15s ease-out,border-color .15s ease-out,scale .15s ease-out;display:inline-flex}.ft-copy:active{scale:.97}.ft-copy:focus-visible{outline-offset:2px;outline:2px solid #f4f0e6}.ft-socials{gap:8px;display:flex}.ft-social{color:#ece8e0d1;border:1.5px solid #ece8e059;border-radius:999px;place-items:center;width:44px;height:44px;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,scale .15s ease-out;display:grid}.ft-social svg{width:20px;height:20px}.ft-social:active{scale:.96}.ft-social:focus-visible{outline-offset:3px;outline:2px solid #f4f0e6}@media (hover:hover) and (pointer:fine){.ft-copy:hover{background:#ece8e014;border-color:#ece8e0b3}.ft-social:hover{color:#f4f0e6;background:#ece8e014;border-color:#ece8e099}}.ft-side{flex-direction:column;gap:16px;display:flex}.ft-bio{align-items:flex-start;gap:14px;display:flex}.ft-broom{color:#ece8e0d1;flex-shrink:0;width:24px;height:24px;margin-top:1px;display:block}.ft-broom svg{width:100%;height:100%}.ft-bio p{max-width:56ch;font-family:var(--font-mono);text-wrap:pretty;color:#ece8e0d1;text-shadow:0 0 1px #f0ece240;font-size:14px;line-height:1.7}.ft-meta{align-self:flex-end;align-items:center;gap:16px;display:flex}.ft-copyright{font-family:var(--font-mono);color:#ece8e099;font-size:12px}.ft-sound{min-height:44px;font-family:var(--font-mono);color:#ece8e099;align-items:center;gap:6px;font-size:12px;transition:color .15s ease-out;display:inline-flex}.ft-sound:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #ece8e0}@media (hover:hover) and (pointer:fine){.ft-sound:hover{color:#ece8e0}}@media (prefers-reduced-motion:reduce){.ft-stamp,.ft-copy,.ft-social,.ft-sound{transition:none}}