/* Design process: unslop by Damir Sokolovsky (@heydamir), CC BY 4.0.
   https://heydamir.design/unslop — adapted for javerhey. */
:root{color-scheme:dark;--bg:#080808;--surface:#101010;--raised:#1b1b1b;--text:#f2f2f2;--secondary:#a3a3a3;--muted:#858585;--line:#ffffff18;--ease:cubic-bezier(.22,1,.36,1);--font:Arial,'Segoe UI',sans-serif;--mono:Consolas,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:6px}button:disabled{cursor:default}button:active:not(:disabled),.button:active{transform:scale(.98)}h1,h2,h3,p{margin:0}button,dialog{border:0}::selection{color:#080808;background:#f2f2f2}svg{display:block}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mono{font:12px/1.5 var(--mono);font-variant-numeric:tabular-nums}.secondary{color:var(--secondary)}.wrap{width:min(1408px,calc(100% - 112px));margin-inline:auto}.section{padding-block:96px}.skip{position:fixed;top:-100px;left:24px;padding:16px;background:white;color:black;z-index:100}.skip:focus{top:24px}.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:50;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:white;transform:scaleX(0);transform-origin:left}.header{display:flex;align-items:center;gap:40px;height:96px;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font-size:26px;font-weight:600;letter-spacing:-1px;display:inline-flex;align-items:baseline}.wordmark-end{display:inline-block;transform-origin:center;transition:transform 180ms var(--ease)}.wordmark:hover .wordmark-end{transform:translateX(4px)}.nav{display:flex;gap:36px;margin-inline:auto}.nav a{font-size:13px;color:var(--secondary);display:flex;gap:8px;align-items:center;position:relative;padding-block:12px;transition:color 160ms var(--ease)}.nav a::after{content:'';position:absolute;inset:auto 0 4px;height:1px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease)}.nav a:hover,.nav a.is-current{color:var(--text)}.nav a:hover::after,.nav a.is-current::after{transform:scaleX(1)}.nav a>span{font:11px var(--mono);color:var(--muted)}.motion-toggle{background:none;font-size:11px;color:var(--secondary);display:flex;align-items:center;gap:12px;padding:12px 0 12px 12px;min-height:44px}.motion-bars{display:flex;align-items:center;gap:3px;height:16px}.motion-bars i{width:2px;background:currentColor;height:6px;transition:transform 180ms var(--ease)}.motion-bars i:nth-child(2){height:14px}.motion-bars i:nth-child(3){height:10px}.motion-toggle:hover .motion-bars i:first-child{transform:scaleY(1.8)}.motion-toggle:hover .motion-bars i:nth-child(2){transform:scaleY(.6)}.motion-toggle[aria-pressed=true] .motion-bars i{height:2px}.menu-toggle,.mobile-menu{display:none}
.hero{padding-top:32px;min-height:calc(100svh - 96px);display:flex;flex-direction:column}.hero-meta{display:flex;justify-content:space-between}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;flex:1;min-height:600px;padding-block:48px}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(48px,5.8vw,92px);line-height:1.06;letter-spacing:-.055em;font-weight:500}.line{display:block;overflow:hidden;padding-bottom:8px;margin-bottom:-8px}.line>span{display:block}.outline-word{color:var(--secondary)}@supports(-webkit-text-stroke:1px white){.outline-word{color:transparent;-webkit-text-stroke:1px #e4e4e4}}.hero-description{font-size:16px;line-height:1.75;color:var(--secondary);margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;padding:16px 20px;border-radius:8px;font-size:13px;font-weight:500;transition:color 160ms var(--ease),background-color 160ms var(--ease),transform 160ms var(--ease);position:relative;overflow:hidden}.button-primary{background:var(--text);color:var(--bg)}.button-primary:hover{background:#cfcfcf}.button .icon{transition:transform 180ms var(--ease)}.button:hover .icon{transform:translate(2px,-2px)}.hero-copy .button{margin-top:32px}.world-stage{min-width:0;height:520px;position:relative;isolation:isolate}.world-stage canvas{display:block;width:100%;height:100%;touch-action:pan-y}.stage-top,.stage-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:1;pointer-events:none}.stage-top{top:24px}.stage-top .mono{font-size:11px}.stage-bottom{bottom:24px;pointer-events:auto}.corner{position:absolute;width:16px;height:16px;border-color:#ffffff55;border-style:solid;pointer-events:none;z-index:1}.corner-tl{top:0;left:0;border-width:1px 0 0 1px}.corner-tr{top:0;right:0;border-width:1px 1px 0 0}.corner-bl{bottom:0;left:0;border-width:0 0 1px 1px}.corner-br{bottom:0;right:0;border-width:0 1px 1px 0}.view-switch{display:flex;gap:4px;padding:4px;background:#080808e8;border:1px solid var(--line);border-radius:8px}.view-button{font:11px var(--mono);padding:8px 12px;min-height:36px;background:transparent;color:var(--secondary);border-radius:4px;transition:background-color 160ms var(--ease),color 160ms var(--ease)}.view-button.active{color:var(--text);background:#252525}.view-button:hover{color:white}.scene-turn{display:flex;gap:4px}.scene-turn button{width:40px;height:40px;display:grid;place-items:center;background:#080808d9;border:1px solid var(--line);border-radius:8px;transition:background-color 160ms var(--ease)}.scene-turn button:hover{background:#292929}.rotate-icon{transform:rotate(180deg)}.hero-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;min-height:80px}.scroll-cue{display:flex;align-items:center;gap:24px;font-size:12px}.scroll-cue .icon{transition:transform 180ms var(--ease)}
.work{border-top:1px solid var(--line)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-number{display:flex;align-items:center;gap:12px}.section-number::before{content:'';width:8px;height:8px;border:1px solid currentColor}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:48px}h2{font-size:clamp(32px,4.2vw,64px);line-height:1.1;font-weight:400;letter-spacing:-.04em}.work-note{font-size:13px;line-height:1.6;color:var(--muted);margin-top:24px;margin-bottom:40px}.projects{display:grid;grid-template-columns:1.15fr 1fr;gap:32px}.project-card{min-width:0}.project-card[hidden]{display:none}.project-open{width:100%;text-align:left;background:none;padding:0}.project-art{position:relative;isolation:isolate;overflow:hidden;height:432px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.project-art canvas{display:block;width:100%;height:100%;transition:transform 500ms var(--ease)}.project-open:hover .project-art canvas{transform:scale(1.025)}.art-top{position:absolute;top:24px;left:24px;font-size:11px;color:#c4c4c4;z-index:1}.art-name{position:absolute;left:32px;bottom:40px;font-size:56px;letter-spacing:-.05em;line-height:.96;z-index:1;transition:transform 320ms var(--ease)}.art-name-caption{display:block;margin-top:20px;font-size:12px;line-height:1.6;letter-spacing:0;color:#b4b4b4}.art-name-top{top:80px;bottom:auto;font-size:64px}.project-open-icon{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff40;border-radius:8px;background:#0b0b0b80;transition:background-color 180ms var(--ease),color 180ms var(--ease)}.project-open:hover .project-open-icon{background:white;color:black}.project-open:hover .art-name{transform:translateY(-4px)}.project-frame{position:absolute;inset:12px;border:1px solid #ffffff38;border-radius:4px;opacity:0;transform:scale(.985);transition:transform 240ms var(--ease),opacity 240ms var(--ease);pointer-events:none}.project-open:hover .project-frame{transform:scale(1);opacity:1}.project-info{padding-top:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.project-info h3{font-size:20px;line-height:1.2;font-weight:500;letter-spacing:-.02em}.project-info p{font-size:12px;line-height:1.6;color:var(--secondary);margin-top:8px}.project-info>.mono{font-size:11px;padding-top:4px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--text);margin-left:8px;vertical-align:1px}.about{border-top:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:96px;align-items:center;margin-top:64px}.identity-card{height:424px;background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative;display:grid;place-items:center;overflow:hidden}.identity-caption{position:absolute;top:24px;left:24px;font-size:11px}.identity-glyph{font-size:240px;line-height:1;letter-spacing:-.12em;font-weight:500;display:block;transform:translateX(-12px);position:relative;z-index:1}.identity-glyph>span{color:#4d4d4d}.identity-bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}.identity-bottom .mono{font-size:11px}.identity-bracket{position:absolute;border:1px solid #ffffff18;inset:80px 56px;transform:rotate(-12deg);transition:transform 500ms var(--ease)}.identity-card:hover .identity-bracket{transform:rotate(0)}.about-copy h2{font-size:clamp(32px,3.5vw,52px);line-height:1.2;margin-bottom:32px}.about-copy p{font-size:14px;line-height:1.85;color:var(--secondary);max-width:520px}.about-copy p+p{margin-top:16px}.about-list{display:grid;margin-top:32px}.about-list>span{border-top:1px solid var(--line);padding-block:16px;font-size:13px;display:flex;gap:24px}.about-list>span:last-child{border-bottom:1px solid var(--line)}.about-list .mono{font-size:11px}.contact{background:#0e0e0e;border-block:1px solid var(--line)}.contact-title{position:relative;margin-top:64px}.contact-label{display:block;margin-bottom:24px}.contact-title h2{font-size:clamp(48px,7.5vw,112px);line-height:1.07;max-width:1000px;letter-spacing:-.06em;position:relative;z-index:1}.contact-title h2>span:first-child{color:#777}.contact-arrow{position:absolute;width:144px;height:144px;right:8px;top:56px;stroke:#eee;stroke-width:1;transition:transform 400ms var(--ease)}.contact-title:hover .contact-arrow{transform:translate(4px,-4px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;border-top:1px solid var(--line);margin-top:56px;padding-top:32px}.contact-bottom>p{font-size:14px;line-height:1.7;color:var(--secondary)}.contact-status{display:flex;gap:16px;align-items:center;font-size:13px}.contact-status small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.status-mark{font:20px var(--mono);color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:112px}.footer .wordmark{font-size:24px}.back-top{display:flex;gap:24px;align-items:center;font-size:12px}.footer .mono{font-size:11px}
dialog{width:min(880px,calc(100% - 32px));padding:0;background:#121212;color:var(--text);border:1px solid #ffffff22;border-radius:16px;max-height:90svh;overflow-y:auto;overscroll-behavior:contain}dialog[open]{animation:dialog-in 320ms var(--ease) both}dialog.is-closing{animation:dialog-out 180ms var(--ease) both}dialog::backdrop{background:#000d}dialog[open]::backdrop{animation:backdrop-in 320ms var(--ease)}.dialog-close{position:absolute;right:16px;top:16px;z-index:3;background:#111e;width:44px;height:44px;border:1px solid #ffffff30;border-radius:8px;display:grid;place-items:center}.dialog-visual{height:280px;background-size:cover;background-position:center;background-color:#202020}.dialog-body{padding:40px}.dialog-body h2{font-size:40px;font-weight:400;letter-spacing:-.04em;margin-top:16px}.dialog-body p{font-size:14px;line-height:1.85;color:var(--secondary);margin-top:24px;max-width:640px}.dialog-body .dialog-note{border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted)}.dialog-body .button{margin-top:24px}.icon-button{transition:background-color 160ms var(--ease)}.icon-button:hover{background:#333}
/* Motion is progressive enhancement: content remains visible if scripts fail. */
.motion-ready .entrance{animation:enter 700ms var(--ease) both}.motion-ready .hero-meta{animation-delay:40ms}.motion-ready .hero-description{animation-delay:280ms}.motion-ready .hero-copy>.button{animation-delay:340ms}.motion-ready .world-stage{animation-delay:200ms}.motion-ready .hero-footer{animation-delay:400ms}.motion-ready .line>span{animation:title-in 900ms var(--ease) both}.motion-ready .line:nth-child(2)>span{animation-delay:100ms}.motion-ready .line:nth-child(3)>span{animation-delay:200ms}.motion-ready .reveal{opacity:0;transform:translateY(12px);transition:opacity 600ms var(--ease),transform 600ms var(--ease)}.motion-ready .reveal.is-visible{opacity:1;transform:none}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes title-in{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes dialog-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes lamp-flicker{0%,86%,100%{opacity:1}88%{opacity:.35}90%{opacity:.85}92%{opacity:.4}94%{opacity:1}}@keyframes dot-pulse{0%,100%{opacity:.25}50%{opacity:1}}@keyframes cue-bob{0%,100%{transform:none}50%{transform:translateY(4px)}}.stage-title{letter-spacing:.08em}.motion-ready .stage-title{animation:lamp-flicker 7s linear infinite}.motion-ready .status-dot{animation:dot-pulse 1.6s ease-in-out infinite}.motion-ready .scroll-cue .icon{animation:cue-bob 2.4s ease-in-out infinite}
body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-off .reveal{opacity:1!important;transform:none!important}html.motion-off{scroll-behavior:auto}
@media(min-width:1600px){.hero-layout{min-height:680px}.world-stage{height:584px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero-layout{gap:16px;min-height:560px}h1{font-size:clamp(48px,6.3vw,72px)}.world-stage{height:468px}.about-layout{gap:48px}.contact-arrow{width:96px;height:96px;top:64px}.project-art{height:380px}.art-name{font-size:48px;left:24px}.art-name-top{font-size:56px}.project-info>.mono{display:none}.nav{gap:24px}.motion-label{font-size:11px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:16px}.wordmark{font-size:24px}.nav{display:none}.motion-toggle{margin-left:auto;padding:8px;min-width:40px}.motion-label{display:none}.menu-toggle{width:40px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none}.menu-toggle span{width:20px;height:1px;background:var(--text);transition:transform 180ms var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu:not([hidden]){display:grid;position:absolute;top:80px;left:-20px;right:-20px;background:#111;border-bottom:1px solid var(--line);padding:16px 20px;animation:enter 200ms var(--ease)}.mobile-menu a{display:flex;justify-content:space-between;font-size:20px;padding:20px 4px;border-bottom:1px solid var(--line)}.mobile-menu a:last-child{border:0}.mobile-menu a>span{font:12px var(--mono);color:var(--muted)}.hero{padding-top:24px;min-height:0}.hero-meta>.mono{font-size:11px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:40px;padding:48px 0 32px;min-height:0}.hero-copy{max-width:100%}h1{font-size:clamp(40px,10.4vw,72px);letter-spacing:-.05em;line-height:1.08}.hero-description{font-size:14px;line-height:1.75;margin-top:24px}.hero-copy .button{margin-top:24px}.world-stage{height:400px}.stage-top,.stage-bottom{left:16px;right:16px}.stage-top{top:16px}.stage-bottom{bottom:16px}.stage-top .mono{font-size:11px}.view-button{font-size:11px;padding:8px}.scene-turn button{height:40px;width:36px}.hero-footer{min-height:72px;gap:24px}.hero-footer>.mono{font-size:11px;max-width:160px;line-height:1.7}.scroll-cue{font-size:11px;gap:12px;white-space:nowrap}.section{padding-block:64px}.section-top>.mono{font-size:11px}.section-top>.mono:last-child{text-align:right;max-width:156px}.section-top{gap:16px}.section-number{gap:8px;white-space:nowrap}.section-heading{display:block;margin-top:40px}h2{font-size:36px;letter-spacing:-.04em}.work-note{font-size:12px;margin:24px 0 32px;max-width:300px}.projects{grid-template-columns:1fr;gap:40px}.project-art{height:400px}.project-info{padding-top:20px}.project-info h3{font-size:20px}.project-info p{font-size:12px}.project-info>.mono{display:block;font-size:11px}.art-name{font-size:52px;bottom:32px}.art-name-top{top:72px;font-size:64px}.art-top{top:20px;left:20px}.about-layout{display:flex;flex-direction:column-reverse;gap:40px;align-items:stretch;margin-top:40px}.about-copy h2{font-size:34px;margin-bottom:24px}.about-copy p{font-size:14px}.about-list{margin-top:24px}.identity-card{height:336px}.identity-glyph{font-size:220px}.identity-caption{left:20px;top:20px}.identity-bottom{left:20px;right:20px;bottom:20px}.identity-bracket{inset:64px 48px}.contact-title{margin-top:40px}.contact-label{font-size:11px;max-width:240px;line-height:1.6}.contact-title h2{font-size:clamp(36px,9vw,64px);letter-spacing:-.055em;line-height:1.14}.contact-arrow{width:48px;height:48px;top:52px;right:0;opacity:.65}.contact-bottom{margin-top:40px;padding-top:24px;display:flex;align-items:flex-start;flex-direction:column;gap:24px}.contact-bottom>p{font-size:13px}.contact-status{font-size:12px;gap:12px}.contact-status small{font-size:11px}.footer{min-height:96px;gap:16px}.footer .wordmark{font-size:20px}.footer>.mono{font-size:11px}.back-top{font-size:11px;gap:12px}.dialog-visual{height:220px}.dialog-body{padding:24px}.dialog-body h2{font-size:32px}.dialog-body p{font-size:13px}.dialog-body .dialog-note{font-size:12px}.dialog-close{top:12px;right:12px}}
@media(max-width:380px){.world-stage{height:352px}.hero-footer{gap:12px}.hero-footer>.mono{max-width:130px;font-size:11px}.scroll-cue{gap:8px;font-size:11px}.project-art{height:352px}.project-info>.mono{display:none}.section-top>.mono:last-child{max-width:132px}.contact-arrow{display:none}.art-name{font-size:48px}.section-top>.mono{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}