:root{--paper:#f2efe7;--ink:#10110f;--muted:#686761;--coral:#ff513c;--line:rgba(16,17,15,.18);--gutter:clamp(1.25rem,3.5vw,4rem);--gap:clamp(1.5rem,3.5vw,4rem);--sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--display:var(--sans)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;letter-spacing:-.012em}a{color:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--coral);outline-offset:5px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pig-button{position:absolute;left:0;top:1.75rem;width:120px;height:120px;border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;transform:translateY(100%);transition:transform 850ms cubic-bezier(.22,1,.36,1)}
.site-footer.is-visible .pig-button,.pig-button:focus-visible{transform:translateY(0)}
.pig-button:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.pig-character,.pig-sprite{display:block;width:100%;height:100%;transform-origin:50% 85%}.pig-sprite{overflow:hidden}
.pig-sprite img{display:block;width:200%;height:100%;max-width:none;transform:translateX(0);pointer-events:none;user-select:none}
.pig-button.is-hopping .pig-character{animation:pig-hop 720ms ease-out both}
.pig-button.is-hopping .pig-sprite img{animation:pig-ears 720ms steps(1,end) both}
.pig-note{position:absolute;left:0;top:10rem;width:120px;text-align:center;font-size:14px;font-weight:400;text-transform:none;letter-spacing:-.02em}
@keyframes pig-hop{0%,100%{transform:translateY(0) rotate(0) scale(1)}15%{transform:translateY(3px) scale(1.04,.94)}42%{transform:translateY(-19px) rotate(-4deg) scale(.98,1.03)}65%{transform:translateY(0) rotate(2deg) scale(1.03,.97)}82%{transform:translateY(-3px) rotate(-1deg)}}
@keyframes pig-ears{0%,42%,85%,100%{transform:translateX(0)}18%,62%{transform:translateX(-47.6%)}}
@media(prefers-reduced-motion:reduce){.pig-button{transform:none;transition:none}.pig-button.is-hopping .pig-character,.pig-button.is-hopping .pig-sprite img{animation:none}}


body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
main{padding:clamp(3rem,10vh,7rem) var(--gutter) 3rem;flex:1}
h1{margin:0 0 clamp(2rem,5vw,4rem);font-size:clamp(3.25rem,10.5vw,10rem);font-weight:500;line-height:.98;letter-spacing:-.065em}
.contact{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;font-style:normal}
.contact a{font-size:clamp(1rem,2vw,1.4rem);line-height:1.5;text-decoration-thickness:1px;text-underline-offset:.25em;overflow-wrap:anywhere}
.contact a:hover{color:var(--muted)}
.site-footer{position:relative;min-height:14rem;margin:0 var(--gutter);border-top:1px solid var(--line)}
.pig-button{transform:none}
@media(max-width:400px){h1{font-size:3.25rem}}