@font-face{font-family:BebasRegular;src:url(/fonts/BEBAS___-webfont.woff) format("woff"),url(/fonts/BEBAS___-webfont.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--field-a: #111111;--field-b: #f4f0e6;--player: #ff2d55;--receiver: #111111;--accent: #ffd60a;--text: #f4f0e6;--subtle: #2a2a2a;--cursor: #f4f0e6;--focus: #ffd60a}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--field-a);color:var(--text);font-family:BebasRegular,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}#app{position:relative}#scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;transform-origin:center center}#ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;transform-origin:center center}.custom-cursor{position:fixed;left:0;top:0;width:28px;height:28px;border:2px solid #ffffff;border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:difference;background:transparent;opacity:.72;will-change:transform,width,height,opacity;transition:width .1s ease,height .1s ease,opacity .1s ease}.custom-cursor.in-zone{width:34px;height:34px;opacity:.85}.custom-cursor.is-magnet{opacity:.88}.custom-cursor.is-send-magnet{width:30px;height:30px;border-width:2px;opacity:.95}.custom-cursor.is-touch{border-width:2.5px;transition:width .08s ease,height .08s ease,opacity .08s ease,transform .02s linear}.custom-cursor.is-touch.in-zone{width:56px;height:56px;opacity:.88}.custom-cursor.is-touch.is-pressed{border-width:3px;opacity:.95}html.custom-cursor-active,html.custom-cursor-active *,body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}html.coarse-pointer.custom-cursor-active,html.coarse-pointer.custom-cursor-active *{cursor:default!important}.skip-contact{position:absolute;left:12px;top:12px;z-index:5;color:transparent;text-decoration:none;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;opacity:.04}.skip-contact:focus-visible{color:var(--text);opacity:1;outline:2px solid var(--focus);outline-offset:4px;padding:4px 8px}.hint{position:absolute;left:50%;bottom:12%;transform:translate(-50%);font-size:clamp(1.4rem,4vw,2.4rem);letter-spacing:.35em;color:var(--text);opacity:.4;pointer-events:none}.align-guide{position:absolute;left:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);max-width:min(22rem,42vw);padding:.85rem 1rem .95rem;color:var(--text);opacity:.52;pointer-events:none;transition:opacity .55s ease,transform .55s ease}.align-guide.is-dismissed{opacity:0;transform:translateY(6px)}.align-guide__title{margin:0 0 .45rem;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.align-guide__list{margin:0;padding:0;list-style:none;font-size:clamp(.72rem,1.35vw,.82rem);line-height:1.45}.align-guide__list li+li{margin-top:.35rem}.align-guide__list strong{font-weight:700}.contact-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,380px);gap:clamp(2rem,6vw,5rem);align-items:end;padding:clamp(1.75rem,5.5vw,4.5rem);pointer-events:auto;overflow:auto;scrollbar-width:none;background:transparent;z-index:1}.contact-panel::-webkit-scrollbar{display:none}.contact-panel[hidden]{display:none!important}@keyframes contact-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.contact-panel.is-text-pending .contact-capabilities li,.contact-panel.is-text-pending .contact-copy>*,.contact-panel.is-text-pending .contact-form>*,.contact-panel.is-text-pending .archive-link{opacity:0;transform:translateY(18px)}.contact-panel.is-text-reveal .contact-capabilities li,.contact-panel.is-text-reveal .contact-copy>*,.contact-panel.is-text-reveal .contact-form>*,.contact-panel.is-text-reveal .archive-link{animation:contact-rise .55s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--reveal-i, 0) * 28ms)}.contact-capabilities{position:absolute;top:clamp(1.75rem,5.5vw,4.5rem);left:clamp(1.75rem,5.5vw,4.5rem);max-width:min(14rem,42vw);pointer-events:auto;z-index:2;overflow:visible}.contact-capabilities ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.18rem}.contact-capabilities li{position:relative;font-size:clamp(.58rem,1.45vw,.76rem);line-height:1.35;letter-spacing:.16em;text-transform:uppercase;color:var(--text);opacity:.12;transform:scale(1);transform-origin:left center;transition:opacity .22s ease,color .22s ease,letter-spacing .22s ease,transform .32s cubic-bezier(.22,1,.36,1);cursor:default;-webkit-user-select:none;user-select:none}.contact-capabilities:hover li{opacity:.1}.contact-capabilities li:hover,.contact-capabilities li:focus-visible,.contact-capabilities li:active,.contact-panel.is-text-reveal .contact-capabilities li:hover,.contact-panel.is-text-reveal .contact-capabilities li:focus-visible,.contact-panel.is-text-reveal .contact-capabilities li:active{animation:none;opacity:.95;color:var(--accent);letter-spacing:.2em;transform:scale(3.85);z-index:2;outline:none}@media(hover:none)and (pointer:coarse){.contact-capabilities:hover li{opacity:.12}.contact-capabilities li:active,.contact-panel.is-text-reveal .contact-capabilities li:active{animation:none;transform:scale(3.35)}}.contact-copy .eyebrow{margin:0 0 .85rem;letter-spacing:.28em;font-size:.95rem;opacity:.55;text-transform:uppercase}.contact-copy h1{margin:0;font-size:clamp(3rem,10vw,7.2rem);line-height:.88;font-weight:400;text-transform:uppercase}.contact-copy .support{margin:1rem 0 0;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;opacity:.4}.contact-form{display:flex;flex-direction:column;gap:1.35rem;width:100%}.field{position:relative}.field label{display:block;margin-bottom:.2rem;letter-spacing:.22em;font-size:.85rem;text-transform:uppercase;opacity:.65}.field input,.field textarea{width:100%;border:0;border-bottom:2px solid color-mix(in srgb,var(--text) 45%,transparent);background:transparent;color:var(--text);font:inherit;font-size:1.2rem;letter-spacing:.05em;padding:.45rem 0 .55rem;outline:none;border-radius:0;box-shadow:none}.field input:focus-visible,.field textarea:focus-visible{outline:none;border-bottom-width:3px;border-bottom-color:var(--accent)}.field:focus-within label{color:var(--accent);opacity:1}.field:focus-within:before{content:"";position:absolute;left:-14px;top:1.55rem;width:7px;height:7px;background:var(--accent)}.send-btn:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.field textarea{resize:vertical;min-height:7rem;line-height:1.35}.invalid-feedback{color:#e64d2e;font-family:system-ui,sans-serif;font-size:.8rem;margin-top:.35rem;letter-spacing:0;text-transform:none}.send-btn{align-self:start;margin-top:.35rem;border:2px solid var(--text);background:transparent;color:var(--text);font:inherit;font-size:1.25rem;letter-spacing:.22em;text-transform:uppercase;padding:.65rem 1.3rem;cursor:pointer;border-radius:0}.send-btn:hover{background:var(--text);color:var(--field-b)}.contact-form.is-field-explode .field.is-field-empty{animation:field-explode .62s cubic-bezier(.22,1,.36,1)}.contact-form.is-field-explode .field.is-field-empty input,.contact-form.is-field-explode .field.is-field-empty textarea{animation:field-input-burst .5s ease-out;border-bottom-color:#e64d2e}@keyframes field-explode{0%{transform:translate(0) rotate(0)}16%{transform:translate(var(--field-burst-x, 0),var(--field-burst-y, -12px)) rotate(var(--field-burst-r, -3deg))}42%{transform:translate(calc(var(--field-burst-x, 0px) * -.35),calc(var(--field-burst-y, 0px) * .25)) rotate(calc(var(--field-burst-r, 0deg) * -.45))}to{transform:translate(0) rotate(0)}}@keyframes field-input-burst{0%,to{letter-spacing:.05em}30%{letter-spacing:.18em}}.archive-link{position:absolute;right:clamp(1.5rem,5vw,4rem);bottom:clamp(1rem,3vw,2rem);margin:0;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55;z-index:8;pointer-events:auto}.archive-link a{color:inherit;text-decoration:none;pointer-events:auto}.archive-link a:hover,.archive-link a:focus-visible{opacity:1;outline:2px solid var(--focus);outline-offset:4px}.examples-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,420px);gap:clamp(2rem,5vw,4rem);align-items:end;padding:clamp(1.75rem,5.5vw,4.5rem);pointer-events:auto;overflow:auto;z-index:1}.examples-panel[hidden]{display:none!important}.examples-back{position:absolute;top:clamp(1rem,3vw,2rem);left:clamp(1rem,3vw,2rem);border:0;background:transparent;color:inherit;font:inherit;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;opacity:.55;cursor:pointer;padding:.4rem 0;pointer-events:auto}.examples-back:hover,.examples-back:focus-visible{opacity:1;outline:2px solid var(--focus);outline-offset:4px}.examples-copy .eyebrow{margin:0 0 .85rem;letter-spacing:.28em;font-size:.95rem;opacity:.55;text-transform:uppercase}.examples-copy h2{margin:0;font-size:clamp(2.8rem,9vw,6.5rem);line-height:.88;font-weight:400;text-transform:uppercase}.examples-copy .support{margin:1rem 0 0;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;opacity:.4}.examples-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.1rem}.examples-item a{display:grid;grid-template-columns:auto 1fr;gap:.85rem 1rem;align-items:start;color:inherit;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--text) 22%,transparent);padding-bottom:.85rem;pointer-events:auto;transition:border-color .2s ease,opacity .2s ease}.examples-item a:hover,.examples-item a:focus-visible{border-bottom-color:var(--accent);outline:none}.examples-item a:hover .examples-thumb,.examples-item a:focus-visible .examples-thumb{border-color:var(--accent);opacity:1}.examples-thumb-wrap,.examples-thumbs{display:flex;flex-wrap:wrap;gap:.35rem;align-content:flex-start}.examples-thumb{display:block;width:72px;height:72px;object-fit:cover;border:1px solid color-mix(in srgb,var(--text) 28%,transparent);opacity:.92;transition:border-color .2s ease,opacity .2s ease}.examples-thumbs .examples-thumb{width:52px;height:52px}.examples-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.examples-category{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5}.examples-title{font-size:clamp(1.35rem,3vw,1.85rem);letter-spacing:.06em;text-transform:uppercase}.examples-desc{font-family:system-ui,sans-serif;font-size:.82rem;letter-spacing:.02em;text-transform:none;opacity:.62;line-height:1.4}.examples-contact{grid-column:2;margin:.5rem 0 0;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase}.examples-contact a{color:inherit;text-decoration:none;opacity:.55;pointer-events:auto}.examples-contact a:hover,.examples-contact a:focus-visible{opacity:1;color:var(--accent);outline:2px solid var(--focus);outline-offset:4px}.seo-landmark{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.examples-panel{grid-template-columns:1fr;align-content:start}.examples-contact{grid-column:1}}.maze-linkedin{display:none}.linkedin-surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.75rem;padding:clamp(1.75rem,5.5vw,4.5rem);pointer-events:auto;background:var(--linkedin-surface, #0a66c2);color:#f4efe4;clip-path:circle(var(--reveal-r, 0%) at var(--reveal-x, 50%) var(--reveal-y, 50%));will-change:clip-path}.linkedin-surface[hidden]{display:none!important}.linkedin-surface.is-revealing,.linkedin-surface.is-open,.linkedin-surface.is-closing{display:flex!important}.linkedin-surface.is-open{transition:clip-path .52s cubic-bezier(.4,0,.2,1)}.linkedin-surface.is-closing{clip-path:circle(0% at var(--reveal-x, 50%) var(--reveal-y, 50%))!important;transition:clip-path .55s cubic-bezier(.4,0,.2,1);pointer-events:none}.linkedin-back-puzzle{position:absolute;top:clamp(.75rem,2.5vw,1.5rem);left:clamp(.75rem,2.5vw,1.5rem);width:200px;height:132px;z-index:3;pointer-events:auto;touch-action:none;border:2px solid rgba(244,239,228,.35);border-radius:4px;overflow:hidden;background:var(--field-b)}.linkedin-back-puzzle[hidden]{display:none!important}.linkedin-back-canvas{display:block;width:100%;height:100%;border-radius:4px}.linkedin-eyebrow{margin:0;letter-spacing:.28em;text-transform:uppercase;font-size:.9rem;opacity:.65}.linkedin-title{margin:0;font-size:clamp(3.2rem,12vw,8rem);line-height:.88;font-weight:400;text-transform:uppercase;letter-spacing:.02em}.linkedin-support{margin:0 0 .5rem;letter-spacing:.16em;text-transform:uppercase;font-size:.95rem;opacity:.55}.linkedin-continue{display:inline-block;margin-top:.5rem;border:2px solid #f4efe4;color:#f4efe4;text-decoration:none;letter-spacing:.22em;text-transform:uppercase;font-size:1.15rem;padding:.7rem 1.35rem}.linkedin-continue:hover{background:#f4efe4;color:var(--linkedin-surface, #0a66c2)}.linkedin-continue:focus-visible{outline:2px solid #f4efe4;outline-offset:4px}.debug-panel{position:absolute;top:12px;right:12px;width:min(300px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:12px;background:#000000c7;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.4;pointer-events:auto;z-index:10}.debug-panel label{display:flex;justify-content:space-between;gap:8px;margin:6px 0}.debug-panel input[type=range]{width:110px}.debug-panel button[data-reset],.debug-panel button[data-next-palette]{background:#222;color:#fff;border:1px solid #666;padding:6px 8px;font:inherit}@media(max-width:720px){.contact-panel{grid-template-columns:1fr;align-content:start;gap:1.25rem;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));-webkit-overflow-scrolling:touch}.contact-capabilities{position:relative;top:auto;left:auto;max-width:100%;margin-bottom:.25rem}.contact-capabilities ul{gap:.28rem}.contact-capabilities li{font-size:clamp(.58rem,2.8vw,.72rem);letter-spacing:.14em;padding:.15rem 0;min-height:1.35rem}.contact-capabilities li:hover,.contact-capabilities li:focus-visible,.contact-capabilities li:active,.contact-panel.is-text-reveal .contact-capabilities li:hover,.contact-panel.is-text-reveal .contact-capabilities li:focus-visible,.contact-panel.is-text-reveal .contact-capabilities li:active{animation:none;transform:scale(3.2)}.contact-copy{order:2}.contact-form{order:3;gap:1.1rem}.contact-copy h1{font-size:clamp(2.6rem,15vw,4.4rem)}.field input,.field textarea{font-size:1.05rem;min-height:44px;padding:.55rem 0 .65rem}.field textarea{min-height:96px}.contact-form button[type=submit],.contact-form .send-btn{min-height:48px;font-size:1.05rem}.field:focus-within:before{left:0;top:-2px}.linkedin-back-puzzle{width:248px;height:168px;top:max(.75rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left))}.linkedin-surface{padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.75rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.linkedin-continue{min-height:48px;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:320px;text-align:center}.skip-contact{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));min-height:44px;display:inline-flex;align-items:center}}@media(max-width:480px){.contact-capabilities li:hover,.contact-capabilities li:focus-visible,.contact-capabilities li:active,.contact-panel.is-text-reveal .contact-capabilities li:hover,.contact-panel.is-text-reveal .contact-capabilities li:focus-visible,.contact-panel.is-text-reveal .contact-capabilities li:active{animation:none;transform:scale(2.75)}.hint{font-size:clamp(1.1rem,5vw,1.6rem);bottom:10%}.align-guide{max-width:min(18rem,78vw);opacity:.46}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.contact-capabilities li{transition:none}.contact-panel.is-text-reveal .contact-capabilities li,.contact-panel.is-text-reveal .contact-copy>*,.contact-panel.is-text-reveal .contact-form>*,.contact-panel.is-text-reveal .archive-link{animation-duration:.2s;animation-delay:calc(var(--reveal-i, 0) * 12ms)}}