@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Montserrat:wght@300;400;500&display=swap";:root{--bg: #ffffff;--bg-2: #f5f5f5;--ink: #000000;--ink-soft: #000000;--mute: #666666;--accent: #000000;--ease: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body{min-height:100vh;background:radial-gradient(1200px 700px at 50% 38%,#ffffff 0%,var(--bg) 55%,var(--bg-2) 100%)}.page{position:relative;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(.75rem,2vh,1.5rem);padding:clamp(1rem,3vh,2rem) clamp(1rem,4vw,3rem);overflow:hidden}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:1}.ambient{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:0;background:radial-gradient(600px 400px at 20% 20%,rgba(0,0,0,.04),transparent 60%),radial-gradient(500px 500px at 80% 80%,rgba(0,0,0,.03),transparent 60%);animation:drift 22s var(--ease-soft) infinite alternate}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,2%,0) scale(1.05)}}.site-header{position:relative;z-index:2;text-align:center;padding-top:clamp(.5rem,2vh,1.5rem)}.title{font-family:Major Mono Display,monospace;font-weight:400;font-size:clamp(2.2rem,8vw,5.5rem);letter-spacing:clamp(.15rem,.8vw,.6rem);color:var(--ink);display:inline-flex;justify-content:center;line-height:1}.title-char,.title-space{display:inline-block;opacity:0;transform:translateY(.6em) rotate(4deg);animation:charIn .9s var(--ease) forwards}@keyframes charIn{0%{opacity:0;transform:translateY(.6em) rotate(4deg);filter:blur(6px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}.tagline{margin-top:clamp(.6rem,1.2vh,1rem);font-family:Major Mono Display,monospace;font-weight:400;font-size:clamp(.72rem,1.2vw,.95rem);letter-spacing:.32em;text-transform:lowercase;color:var(--ink);display:inline-flex;align-items:center;gap:.9rem;opacity:0;transform:translateY(.5rem);animation:riseIn .9s var(--ease) 1.3s forwards}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.stage{position:relative;z-index:2;display:grid;place-items:center;min-height:0}.panther-wrap{position:relative;display:grid;place-items:center;width:min(100%,560px);aspect-ratio:4 / 5;opacity:0;transform:translateY(24px) scale(.98);animation:stageIn 1.4s var(--ease) .4s forwards}@keyframes stageIn{to{opacity:1;transform:translateY(0) scale(1)}}.halo{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(closest-side,#fff,#ffffff8c,#fff0 70%);filter:blur(22px);animation:breathe 6s var(--ease-soft) infinite;z-index:0}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}.ring{position:absolute;top:2%;right:2%;bottom:2%;left:2%;border:1px solid rgba(0,0,0,.14);border-radius:50%;z-index:0;animation:spin 60s linear infinite}.ring:before,.ring:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:1px dashed rgba(0,0,0,.1)}.ring:after{top:16%;right:16%;bottom:16%;left:16%;border-style:solid;border-color:#0000000f}@keyframes spin{to{transform:rotate(360deg)}}.panther{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;object-position:center;filter:grayscale(1) contrast(1.05) drop-shadow(0 30px 40px rgba(0,0,0,.22));animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shadow{position:absolute;bottom:2%;left:50%;width:55%;height:18px;transform:translate(-50%);background:radial-gradient(ellipse at center,#0000004d,#0000 70%);filter:blur(4px);z-index:1;animation:shadowPulse 7s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:translate(-50%) scale(1);opacity:.75}50%{transform:translate(-50%) scale(.82);opacity:.55}}.cta{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.9rem;opacity:0;transform:translateY(16px);animation:riseIn 1s var(--ease) 1.6s forwards}.mailbox{display:flex;align-items:stretch;width:min(94%,460px);background:#fff;border:1px solid #000000;border-radius:0;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.mailbox:hover,.mailbox:focus-within{transform:translateY(-2px);box-shadow:6px 6px #000}.mailbox input{flex:1;min-width:0;border:none;background:transparent;padding:.95rem 1.1rem;font-family:Major Mono Display,monospace;font-size:.85rem;letter-spacing:.1em;color:#000;outline:none}.mailbox input::placeholder{color:#999;font-family:Major Mono Display,monospace;letter-spacing:.1em;text-transform:lowercase}.mailbox button{border:none;border-left:1px solid #000000;background:#000;color:#fff;padding:0 1.3rem;font-family:Major Mono Display,monospace;font-size:.8rem;letter-spacing:.18em;text-transform:lowercase;cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;transition:background .25s var(--ease),color .25s var(--ease)}.mailbox button:hover{background:#fff;color:#000}.mailbox button .arrow{display:inline-block;transform:translate(0);transition:transform .4s var(--ease)}.mailbox button:hover .arrow{transform:translate(4px)}.mailbox.is-submitted{box-shadow:6px 6px #000}.site-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.8rem;padding-top:.5rem;font-family:Major Mono Display,monospace;font-size:clamp(.7rem,1vw,.85rem);letter-spacing:.15em;color:#000;opacity:0;animation:riseIn 1s var(--ease) 1.9s forwards}.site-footer .sep{color:#000;opacity:.5}@media (max-width: 640px){.page{padding:1rem 1rem 1.25rem;gap:.75rem}.panther-wrap{width:min(100%,420px)}.mailbox{flex-direction:column}.mailbox input{padding:1rem 1.1rem;text-align:center}.mailbox button{border-left:none;border-top:1px solid #000000;padding:.95rem 1rem;justify-content:center}.tagline{gap:.6rem;letter-spacing:.24em}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
