@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--c-bg: #fffbf0;--c-dark: #000000;--c-accent: #8fb3ff;--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Manrope", sans-serif;--border-thick: 3px solid #000;--shadow-hard: 6px 6px 0px 0px #000}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--c-bg);color:var(--c-dark);font-family:var(--font-body);margin:0;overflow-x:hidden;cursor:auto}body.loading{opacity:0}.wrapper{position:relative;z-index:10;background-color:var(--c-bg);border-bottom:3px solid #000}.cartoon-box{background:#fff;border:var(--border-thick);box-shadow:var(--shadow-hard);transition:transform .2s,box-shadow .2s}.cartoon-box:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.cartoon-text-stroke{-webkit-text-stroke:2px #000;color:#fff;text-shadow:4px 4px 0px #000}.word-wrap{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em}.word-inner{display:inline-block;transform:translateY(110%)}.loader{position:fixed;inset:0;background:#000;z-index:10000;display:flex;justify-content:center;align-items:center;color:#fff}.loader-text{font-family:var(--font-display);font-size:5vw;font-weight:800;-webkit-text-stroke:1px white;color:transparent}.loader-bar{position:absolute;bottom:0;left:0;height:8px;background:#fff;width:0%;border-top:2px solid #000}.nav{position:fixed;top:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:50;color:#000}.nav-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:900;letter-spacing:-.025em;background:#fff;border:2px solid black;border-radius:.5rem;padding:.5rem 1rem;box-shadow:4px 4px #000}.nav-links{display:flex;gap:1rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.nav-link{background:#fff;border:2px solid black;border-radius:.5rem;padding:.5rem 1rem;text-decoration:none;color:#000;transition:all .2s}.nav-link:hover{box-shadow:4px 4px #000;transform:translateY(-4px)}.nav-mobile-btn{display:none;background:#fff;border:2px solid black;padding:.5rem 1rem;border-radius:.5rem;box-shadow:4px 4px #000;cursor:pointer}@media(max-width:768px){.nav{padding:1rem 1.5rem}.nav-links{display:none}.nav-mobile-btn{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:1rem;right:1rem;background:#fff;border:2px solid black;border-radius:.5rem;box-shadow:4px 4px #000;padding:1rem}}.hero{display:flex;overflow:hidden;padding-top:8rem;height:100vh;position:relative;align-items:flex-start;justify-content:center}.hero-img{width:100%;height:100%;object-fit:cover;border-bottom:4px solid black;position:absolute;inset:0}.hero-overlay{position:absolute;inset:0;opacity:.2;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXQd6dZAAAAAElFTkSuQmCC);pointer-events:none}.hero-content{position:relative;z-index:10;text-align:center}.hero-title{font-family:var(--font-display);font-size:13vw;line-height:.9;font-weight:900;overflow:visible}.hero-title span{display:block;-webkit-text-stroke:2px #000;color:#fff;text-shadow:4px 4px 0px #000;transform:translateY(100%);opacity:0}.hero-cta{margin-top:2rem;display:inline-block;background:#fff;border:2px solid black;padding:.75rem 1.5rem;box-shadow:6px 6px #000;transform:rotate(1deg);opacity:0}.hero-cta p{text-transform:uppercase;font-size:.875rem;font-weight:700;color:#000;letter-spacing:.1em}@media(max-width:768px){.hero{padding-top:6rem}.hero-title{font-size:18vw}}.intro{max-width:1800px;border-bottom:4px solid black;margin:0 auto;padding:8rem 1.5rem}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;position:relative}.intro-character{display:none;position:absolute;top:-2rem;right:-6rem;width:20rem;height:auto;object-fit:contain;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.3));transform:translateY(-4rem) rotate(-5deg);z-index:20}.intro-speech{position:relative;background:#fff;border:3px solid black;box-shadow:6px 6px #000;padding:2rem;border-radius:1rem}.intro-speech-tail{display:none;position:absolute;top:2rem;left:-1rem;width:1.5rem;height:1.5rem;background:#fff;border-left:4px solid black;border-bottom:4px solid black;transform:rotate(45deg);z-index:10}.intro-text{font-size:1.25rem;font-weight:500;line-height:1.6;margin-bottom:2rem}.intro-footer{display:flex;gap:1rem;align-items:center;padding-top:1.5rem;border-top:2px solid rgba(0,0,0,.1)}.intro-label{text-transform:uppercase;font-size:.875rem;font-weight:600;letter-spacing:.1em}@media(min-width:769px){.intro{padding:8rem 5rem}.intro-character,.intro-speech-tail{display:block}}@media(max-width:768px){.intro-grid{grid-template-columns:1fr}}.stack-section{padding:10vh 0;background:var(--c-bg);border-top:3px solid #000;position:relative;background-image:radial-gradient(#000 1px,transparent 1px);background-size:20px 20px}.stack-header{text-align:center;margin-bottom:5rem;padding:0 1.5rem}.stack-label{display:inline-block;text-transform:uppercase;font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.1em;background:#000;padding:.25rem .75rem;margin-bottom:1rem;transform:rotate(-2deg)}.stack-title{font-family:var(--font-display);font-size:4rem;font-weight:900;text-transform:uppercase;color:#000;text-shadow:4px 4px 0px white,8px 8px 0px black}.stack-container{width:100%;max-width:1400px;margin:0 auto;position:relative;padding-bottom:10vh}.card-item{position:sticky;top:10vh;height:80vh;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:5vh}.card-inner{width:90%;height:100%;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.2fr;background:#fff;border:3px solid black;box-shadow:12px 12px #000;border-radius:1rem}.card-content{padding:4rem;display:flex;flex-direction:column;justify-content:space-between;background:#fff;z-index:2;border-right:3px solid black}.card-number{display:inline-block;border:2px solid black;color:#fff;font-weight:700;padding:.25rem .75rem;margin-bottom:1rem;border-radius:9999px;font-size:.875rem}.card-title{text-transform:uppercase;line-height:1.1;font-size:2.5rem;font-weight:900}.card-subtitle{display:flex;gap:.5rem;font-size:.875rem;font-weight:700;opacity:.6;margin-top:.5rem}.card-img-wrap{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.card-img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 1.5s ease,filter .5s ease;filter:grayscale(100%) contrast(120%)}.card-inner:hover .card-img{transform:scale(1.1);filter:grayscale(0%)}.card-border{position:absolute;inset:0;border-left:4px solid black;pointer-events:none;display:none}@media(min-width:769px){.card-border{display:block}}@media(max-width:768px){.card-inner{grid-template-columns:1fr}.card-item{top:5vh;height:85vh}.card-img-wrap{height:50%;order:-1;border-bottom:3px solid black}.card-content{padding:2rem;border-right:none}.stack-title{font-size:2.5rem}}.ca-section{padding:10rem 1.5rem;background:#fff;border-top:4px solid black;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10}.ca-title{font-family:var(--font-display);font-size:2.5rem;text-transform:uppercase;font-weight:800;letter-spacing:-.025em;margin-bottom:2rem}.ca-display-box{width:100%;max-width:32rem;background:#fff;border:2px solid black;padding:1rem;box-shadow:4px 4px #000;text-align:center;font-family:monospace;font-size:1.125rem;font-weight:600;color:#000;letter-spacing:.1em;text-transform:uppercase;word-break:break-all}.ca-display-box.empty{color:#ccc}.ca-copy-btn{margin-top:1rem;background:#000;color:#fff;border:2px solid black;padding:.75rem 2rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s}.ca-copy-btn:hover{background:#fff;color:#000}.ca-copy-btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:769px){.ca-title{font-size:3.5rem}}.admin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--c-bg);padding:2rem}.admin-card{background:#fff;border:3px solid black;box-shadow:8px 8px #000;padding:3rem;border-radius:1rem;width:100%;max-width:400px}.admin-title{font-family:var(--font-display);font-size:2rem;font-weight:900;text-transform:uppercase;margin-bottom:2rem;text-align:center}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-input{width:100%;padding:1rem;border:2px solid black;font-size:1rem;font-family:inherit;outline:none;transition:box-shadow .2s}.admin-input:focus{box-shadow:4px 4px #000}.admin-btn{background:#000;color:#fff;border:2px solid black;padding:1rem;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s}.admin-btn:hover{background:#fff;color:#000}.admin-error{color:#e53e3e;font-weight:600;text-align:center}.admin-success{color:#38a169;font-weight:600;text-align:center}.admin-current{margin-top:1.5rem;padding:1rem;background:#f5f5f5;border:2px dashed black;word-break:break-all;font-family:monospace}.admin-logout{margin-top:1.5rem;text-align:center}.admin-logout button{background:none;border:none;color:#666;text-decoration:underline;cursor:pointer;font-size:.875rem}.mobile-menu{position:fixed;inset:0;background:var(--c-bg);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;transform:translateY(-100%);transition:transform .3s ease}.mobile-menu.open{transform:translateY(0)}.mobile-menu-close{position:absolute;top:1.5rem;right:1.5rem;background:#fff;border:2px solid black;padding:.5rem 1rem;border-radius:.5rem;box-shadow:4px 4px #000;cursor:pointer;font-size:1.5rem}.mobile-menu-link{font-family:var(--font-display);font-size:2rem;font-weight:800;text-transform:uppercase;text-decoration:none;color:#000;padding:.5rem 2rem;border:3px solid black;background:#fff;box-shadow:4px 4px #000;transition:all .2s}.mobile-menu-link:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.display{font-family:var(--font-display)}