*{box-sizing:border-box}body{margin:0;background:#b9d8ea;color:#26343a;font-family:Arial,Helvetica,sans-serif;min-height:100svh}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #932329;outline-offset:6px}header{text-align:center;padding:30px 20px 24px}.wordmark{text-decoration:none;font-size:26px;font-weight:900;letter-spacing:-1.4px}.center-stage{display:flex;flex-direction:column;align-items:center;padding:16px 24px 50px;gap:32px}figure{position:relative;margin:0;width:min(53vh,480px,82vw);animation:cover-float 7s ease-in-out infinite;will-change:transform;transform-origin:center}video{display:block;width:100%;height:auto;aspect-ratio:1;box-shadow:12px 20px 32px #23415435;animation:cover-shadow 7s ease-in-out infinite}.motion-toggle{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff90;border-radius:50%;background:#18282d70;color:white;font-size:12px;backdrop-filter:blur(8px)}.join-cta{padding:0;border:0;background:none;color:#26343a;text-align:center;font:400 clamp(36px,4.2vw,56px)/1.03 Georgia,serif;letter-spacing:-1.8px}.join-cta em{color:#94232a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(92vw,480px);max-height:90svh;overflow:auto;border:0;background:#f7f3eb;color:#26343a;padding:38px;border-radius:4px;box-shadow:0 30px 100px #14252d60}dialog::backdrop{background:#152c3ac0;backdrop-filter:blur(9px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:30px;color:#26343a;padding:4px 8px}.eyebrow{font-size:9px;letter-spacing:2px;color:#94232a;margin:0 0 20px}h2{font:400 37px/1.06 Georgia,serif;letter-spacing:-1px;margin:0 0 26px}label{display:block;font-size:12px;font-weight:600;margin:17px 0 8px}input:not([type=hidden]){width:100%;border:1px solid #b6b9b8;border-radius:2px;background:#fffdf8;padding:13px 12px;font-size:16px;color:#26343a}input:focus{outline:2px solid #94232a;outline-offset:2px}.privacy{font-size:10px;line-height:1.6;color:#505c60;margin:18px 0}.submit,.done{width:100%;padding:16px;border:0;background:#94232a;color:#fff8ed;font-weight:600;font-size:14px}.submit:disabled{opacity:.65;cursor:wait}#form-status{font-size:12px;line-height:1.5;color:#94232a;margin-bottom:0}#success h3{font:30px Georgia,serif}#success p{font-size:14px;line-height:1.6}.honey{display:none!important}.motion-paused,.motion-paused video{animation-play-state:paused}@keyframes cover-float{0%,100%{transform:translate3d(0,5px,0) rotate(1.2deg)}50%{transform:translate3d(0,-12px,0) rotate(-1.2deg)}}@keyframes cover-shadow{0%,100%{box-shadow:12px 16px 25px #23415440}50%{box-shadow:16px 30px 40px #23415425}}@media(max-width:600px){header{padding:24px 20px}.center-stage{gap:32px;padding-top:18px}figure{width:min(80vw,46svh)}.join-cta{font-size:42px}dialog{padding:32px 25px}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){figure,video{animation:none;will-change:auto}}


.wordmark{display:inline-block;line-height:0}.barcode-logo{display:block;width:190px;max-width:48vw;height:auto;border-radius:3px}header{padding:20px 20px 22px}.join-cta .minimal-join{display:flex;flex-direction:column-reverse;align-items:center;gap:10px;width:max-content;margin:25px auto 0;padding:5px 12px;background:none;color:#94232a;letter-spacing:0}.tag-label{font:500 11px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:2.2px;padding-bottom:7px;border-bottom:1px solid #94232a65}.cat-trio{display:flex;gap:7px;align-items:center;opacity:.8}.cat-trio svg{width:16px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.cat-trio svg:nth-child(2){transform:translateY(-2px)}.join-cta:hover .tag-label{border-bottom-color:#94232a}.join-cta:hover .cat-trio{opacity:1}@media(max-width:600px){header{padding:18px 20px}.barcode-logo{width:160px}}

.barcode-logo{width:125px;opacity:.78}header{padding:19px 20px 15px}@media(max-width:600px){.barcode-logo{width:110px}header{padding:17px 20px 13px}}

/* Lo tre gato: intimate, colloquial community identity. */
.join-cta{font-size:clamp(32px,4.2vw,52px);line-height:1.12;letter-spacing:-1.3px;max-width:100%}.join-cta em{display:inline-block}.tag-label{font-size:11px;letter-spacing:1.8px}.join-cta .minimal-join{margin-top:23px}.center-stage{gap:28px}@media(max-width:380px){.join-cta{font-size:30px}.tag-label{font-size:10px;letter-spacing:1.4px}}

/* Official LotreGato artwork preserves the approved custom lettering. */
.community-logo{display:block;width:240px;max-width:65vw;height:auto;object-fit:contain;mix-blend-mode:multiply}.join-cta .minimal-join{gap:12px}