:root{--black: #121212;--paper: #f9f9f9;--neon: #d0ff32;--green: #8fdb90;--orange: #e7631c;--ink: #121212;--display: "Archivo Black", "Instrument Sans", sans-serif;--body: "Instrument Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{font-family:var(--body);color:var(--ink);background:var(--black)}::selection{background:var(--ink);color:var(--neon)}a{color:inherit;text-decoration:none}.wrap{max-width:1500px;width:100%;margin:0 auto;padding:0 clamp(1.25rem,5vw,4.5rem);max-height:100%;overflow-y:auto}.chrome-btn{position:fixed;z-index:90;width:56px;height:56px;border-radius:50%;border:2.5px solid var(--ink);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);font-family:var(--body);font-size:1.3rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.chrome-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.chrome-btn:disabled{opacity:.35;pointer-events:none}#burger{top:1.6rem;right:1.8rem}#burger span{display:block;width:20px;height:2.5px;background:var(--ink);position:relative}#burger span:before,#burger span:after{content:"";position:absolute;left:0;width:20px;height:2.5px;background:var(--ink)}#burger span:before{top:-6px}#burger span:after{top:6px}#next{bottom:1.8rem;right:1.8rem}#prev{bottom:1.8rem;right:calc(2.6rem + 56px)}.hexflag{position:fixed;bottom:1.6rem;left:1.8rem;z-index:90;width:8rem;display:block;color:var(--ink);transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s}@media(max-width:1048px){.hexflag{width:6rem}}@media(max-width:780px){.hexflag{width:5rem}}@media(max-width:500px){.hexflag{width:4rem}}.hexflag svg{display:block;width:100%;height:auto;overflow:visible}.hexflag .hex-spin{transform-origin:50px 55px;animation:slow-spin 30s linear infinite}.hexflag:hover{transform:scale(1.06)}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.on-dark .chrome-btn{border-color:var(--paper);color:var(--paper)}body.on-dark .chrome-btn:hover{box-shadow:4px 4px 0 var(--paper)}body.on-dark #burger span,body.on-dark #burger span:before,body.on-dark #burger span:after{background:var(--paper)}body.on-dark .hexflag{color:var(--paper)}.deck{height:100dvh;transition:transform .7s cubic-bezier(.77,0,.175,1);will-change:transform}section{height:100dvh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:5.5rem 0 3rem;overflow:hidden}.s-home{background:var(--black);color:var(--paper)}.s-story{background:var(--paper)}.s-work{background:var(--green)}.s-testimonials{background:var(--neon)}.s-contact{background:var(--orange)}.ghost{position:absolute;top:6%;right:-2%;font-family:var(--display);font-size:clamp(8rem,26vw,24rem);line-height:1;opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}h1,h2{font-family:var(--display);text-transform:uppercase;line-height:.92;letter-spacing:-.01em;font-weight:400}h1{font-size:clamp(3.4rem,11vw,10.5rem)}h1 .word{display:block;transition:transform .3s cubic-bezier(.2,.8,.2,1),color .3s;cursor:default}h1 .word:hover{transform:translate(18px)}h1 .word:nth-child(1):hover{color:var(--green)}h1 .word:nth-child(2):hover{color:var(--neon)}h1 .word:nth-child(3):hover{color:var(--orange)}h2{font-size:clamp(3rem,9.5vw,8.5rem);margin-bottom:3rem}.tagline{margin-top:2.5rem;max-width:36rem;font-size:1.15rem;line-height:1.6;color:#f9f9f9bf}.tagline b{color:var(--paper)}.hero-actions{margin-top:2.8rem;display:flex;gap:1.2rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--display);font-weight:400;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;padding:1rem 1.9rem;border:2.5px solid currentColor;background:transparent;color:inherit;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 currentColor}.btn.solid{background:var(--neon);color:var(--ink);border-color:var(--neon)}.btn.solid:hover{box-shadow:6px 6px 0 var(--paper)}.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:start}@media(max-width:900px){.story-grid{grid-template-columns:1fr}}.story-copy p{font-size:1.2rem;line-height:1.7;margin-bottom:1.4rem;max-width:42rem}.stamp{font-family:var(--display);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:2rem 2.4rem;transform:rotate(2.5deg);background:var(--paper);justify-self:center;align-self:center;text-align:center;text-transform:uppercase;line-height:1.2}.stamp .big{font-size:3.2rem;display:block}.stamp .small{font-family:var(--body);font-weight:700;font-size:.8rem;letter-spacing:.2em}.rail-shell{position:relative}.rail{--rail-gap: 2.2rem;overflow:hidden;padding:1.6rem 1.2rem 1.2rem 2px}.rail.quotes{padding-top:3rem}.rail-track{display:flex;gap:var(--rail-gap);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.rail-track>*{flex:0 0 calc((100% - (var(--v) - 1) * var(--rail-gap)) / var(--v));min-width:0}.rail-btn{position:absolute;top:calc(50% - 26px);z-index:5;width:52px;height:52px;border-radius:50%;border:2.5px solid var(--ink);background:var(--paper);color:var(--ink);font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s,opacity .2s}.rail-btn.prev{left:-32px}.rail-btn.next{right:-32px}.rail-btn span{display:inline-block}.rail-btn.next:not(:disabled) span{animation:nudge 1.8s ease-in-out infinite}.rail-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.rail-btn:disabled{opacity:.25;pointer-events:none}@keyframes nudge{50%{transform:translate(4px)}}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:2.4rem 2.4rem 2.1rem;position:relative;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.card:hover{transform:translate(-5px,-5px);box-shadow:15px 15px 0 var(--ink)}.card .tag{position:absolute;top:-1.1rem;right:1.4rem;background:var(--neon);border:2.5px solid var(--ink);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .8rem;box-shadow:4px 4px 0 var(--ink)}.card.alt .tag{background:var(--orange);color:var(--paper)}.card.alt2 .tag{background:var(--green)}.card h3{font-family:var(--display);font-size:clamp(1.5rem,2.6vw,2.1rem);text-transform:uppercase;line-height:1.05;margin-bottom:.5rem}.card .sub{font-weight:700;font-size:.95rem;margin-bottom:1rem}.card p{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1.5rem;flex-grow:1}.card a{align-self:flex-start;display:inline-flex;gap:.45rem;align-items:center;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:3px solid var(--ink);padding-bottom:.15rem;transition:background .15s,padding .15s}.card a:hover{background:var(--neon);padding:.15rem .4rem}.quote-card{background:var(--paper);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink);padding:3rem clamp(1.6rem,4vw,3.5rem) 2.4rem;position:relative}.quote-card .qmark{position:absolute;top:-2.6rem;left:2rem;font-family:var(--display);font-size:5rem;background:var(--orange);color:var(--paper);border:3px solid var(--ink);width:5.4rem;height:5.4rem;display:flex;align-items:center;justify-content:center;box-shadow:5px 5px 0 var(--ink)}.quote-card p{font-size:1.25rem;line-height:1.65;font-style:italic;margin-bottom:1.3rem}.quote-card .who{font-style:normal;font-weight:700;margin-top:1.8rem}.quote-card .role{font-size:.9rem;color:#444;font-weight:400}.form{max-width:52rem;position:relative;background:var(--paper);border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink);padding:2.6rem clamp(1.4rem,3vw,2.6rem) 2.2rem}.form .ctag{position:absolute;top:-1.1rem;left:1.6rem;background:var(--neon);border:2.5px solid var(--ink);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .8rem;box-shadow:4px 4px 0 var(--ink)}.form label{display:block;font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.5rem}.form .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}@media(max-width:780px){.form .fgrid{grid-template-columns:1fr;gap:0}}.form .fgroup{margin-bottom:1.7rem}.form input,.form textarea{display:block;width:100%;background:#fff;border:3px solid var(--ink);font-family:var(--body);font-size:1.05rem;padding:.85rem 1rem;color:var(--ink);outline:none;border-radius:0;transition:transform .15s,box-shadow .15s}.form input:focus,.form textarea:focus{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}.form input::placeholder,.form textarea::placeholder{color:#12121266}.form textarea{min-height:7.5rem;resize:vertical}.send{background:var(--ink);color:var(--paper);border:3px solid var(--ink);font-family:var(--display);text-transform:uppercase;font-size:1rem;letter-spacing:.08em;padding:1.1rem 2.6rem;cursor:pointer;transition:transform .15s,box-shadow .15s}.send:hover{transform:translate(-4px,-4px);box-shadow:7px 7px 0 var(--neon)}.field-error{font-weight:700;font-size:.85rem;margin-top:.6rem;padding:.35rem .7rem;display:inline-block;background:var(--orange);color:var(--paper);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.form-success{font-weight:700;font-size:1rem;margin:1.4rem 0 0 1.4rem;padding:.7rem 1.1rem;display:inline-block;background:var(--neon);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}.send:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:none}.popia{font-style:italic;font-size:.85rem;max-width:46rem;margin-top:1.6rem;line-height:1.6}.contact-alt{margin-top:3rem;font-weight:700;font-size:1.05rem}.contact-alt a{border-bottom:3px solid var(--ink)}.contact-alt a:hover{background:var(--paper)}#overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(1.5rem,6vw,5rem)}#overlay .close{position:absolute;top:1.6rem;right:1.8rem;width:56px;height:56px;border-radius:50%;border:2.5px solid var(--ink);background:none;font-size:1.3rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}#overlay .close:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 currentColor}#overlay nav a{display:flex;align-items:center;gap:1.6rem;width:fit-content;font-family:var(--display);font-size:clamp(2.6rem,7.5vw,6rem);text-transform:uppercase;line-height:1.14;color:var(--ink-c);padding:.06em .16em;margin-left:-.16em;background-image:linear-gradient(var(--ink-c),var(--ink-c));background-repeat:no-repeat;background-size:0% 100%;background-position:left center;transition:transform .2s,color .25s,background-size .35s cubic-bezier(.2,.8,.2,1)}#overlay nav a:hover{transform:translate(20px);color:var(--bg);background-size:100% 100%}#overlay nav a .yah-tag{font-family:var(--body);font-size:.8rem;font-weight:700;letter-spacing:.14em}#overlay nav a .go-tag{opacity:0;transform:translate(-10px);transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}#overlay nav a:hover .go-tag{opacity:1;transform:none}.cursor{display:none;position:fixed;top:0;left:0;z-index:300;pointer-events:none;mix-blend-mode:difference}.cursor span{display:block;width:22px;height:22px;margin:-11px 0 0 -11px;border:2px solid #fff;border-radius:50%;background:transparent;transition:transform .25s}.cursor.is-active span{transform:scale(1.5)}@media(hover:hover)and (pointer:fine){*{cursor:none}input,textarea{cursor:auto}.cursor.is-visible{display:block}}@media(max-width:780px){section{padding:4.5rem 0 6rem}h1{font-size:clamp(2.7rem,14vw,4.6rem)}h2{font-size:clamp(2.2rem,11vw,3.8rem);margin-bottom:1.8rem}.tagline{margin-top:1.6rem;font-size:1.02rem}.hero-actions{margin-top:2rem;gap:.9rem}.btn{padding:.85rem 1.5rem;font-size:.85rem}.story-grid{gap:2rem}.story-copy p{font-size:1.02rem;line-height:1.6;margin-bottom:1rem}.stamp{padding:1.3rem 1.7rem;box-shadow:6px 6px 0 var(--ink)}.stamp .big{font-size:2.2rem}.rail{--rail-gap: 1.4rem}.rail-btn{width:44px;height:44px;top:calc(50% - 22px);font-size:1.1rem}.rail-btn.prev{left:-12px}.rail-btn.next{right:-12px}.card{padding:1.7rem 1.5rem 1.5rem;box-shadow:7px 7px 0 var(--ink)}.quote-card{padding:2.4rem 1.4rem 1.8rem;box-shadow:8px 8px 0 var(--ink)}.quote-card .qmark{width:4rem;height:4rem;font-size:3.4rem;top:-2rem;left:1.2rem}.quote-card p{font-size:1.05rem}.form{padding:2.2rem 1.2rem 1.8rem;box-shadow:8px 8px 0 var(--ink)}.form input,.form textarea{font-size:1rem;padding:.75rem .85rem}.form .fgroup{margin-bottom:1.3rem}.send{padding:.95rem 2.1rem;font-size:.9rem}.popia{font-size:.78rem;margin-top:1.2rem}.contact-alt{margin-top:1.6rem}}@media(max-width:500px){.chrome-btn{width:48px;height:48px;font-size:1.15rem}#burger{top:1.2rem;right:1.4rem}#next{bottom:1.4rem;right:1.4rem}#prev{bottom:1.4rem;right:calc(1.4rem + 48px + .7rem)}#overlay .close{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
