.jc-home{--bg:#fbfaf8;--fg:#1a1a1a;--mut:#5a5a5a;--acc:#1432f5;--line:#14141424;--ph:linear-gradient(135deg,#f6e6c8,#e4dcf6 60%,#d4ebdc);--glow:.9}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .jc-home{--bg:#14141a;--fg:#f3f1ec;--mut:#a8a6a0;--acc:#8d9bff;--line:#ffffff29;--ph:linear-gradient(135deg,#2b2433,#1f2340 60%,#1b2b2b);--glow:.3}}:root[data-theme=dark] .jc-home{--bg:#14141a;--fg:#f3f1ec;--mut:#a8a6a0;--acc:#8d9bff;--line:#ffffff29;--ph:linear-gradient(135deg,#2b2433,#1f2340 60%,#1b2b2b);--glow:.3}:where(.jc-home) *,:where(.jc-home) :before,:where(.jc-home) :after{box-sizing:border-box}.jc-home{background:var(--bg);color:var(--fg);font-family:var(--font-hanken,"Hanken Grotesk"),"Helvetica Neue",Arial,sans-serif;margin:0;padding-top:clamp(92px,9vw,116px);font-weight:300;line-height:1.6}:where(.jc-home) a{color:inherit}:where(.jc-home) img{max-width:100%;display:block}:where(.jc-home) :focus-visible{outline:2px solid var(--acc);outline-offset:4px}:where(.jc-home) .wrap{max-width:1280px;margin:0 auto;padding:0 5vw}:where(.jc-home) section{padding:clamp(64px,9vw,128px) 0}:where(.jc-home) .eyebrow{font:400 13px var(--font-courier,"Courier Prime"),"Courier New",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin:0 0 18px}:where(.jc-home) h2{font:400 clamp(30px,5vw,68px)/1.05 var(--font-italiana,Italiana),Georgia,serif;text-transform:uppercase;margin:0 0 24px}:where(.jc-home) .lead{max-width:680px;color:var(--mut);margin:0;font-size:clamp(17px,1.6vw,22px)}:where(.jc-home) .btn{border:1px solid var(--fg);color:var(--fg);font:400 15px var(--font-courier,"Courier Prime"),"Courier New",monospace;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:20px 44px;text-decoration:none;transition:background .2s,color .2s;display:inline-block}:where(.jc-home) .btn:hover{background:var(--fg);color:var(--bg)}@media (max-width:560px){:where(.jc-home) .btn{text-align:center;width:100%;display:block}:where(.jc-home) form .btn{justify-self:stretch}}:where(.jc-home) .hero{isolation:isolate;text-align:center;padding:clamp(24px,5vw,64px) 0 clamp(48px,7vw,96px);position:relative}:where(.jc-home) .hero:before{content:"";z-index:-1;height:85%;opacity:var(--glow);filter:blur(30px);background:radial-gradient(40% 50% at 28% 60%,#f6e3bd 0,#0000 70%),radial-gradient(40% 50% at 72% 55%,#d8c3ee 0,#0000 70%);position:absolute;inset:0 -10vw auto}:where(.jc-home) .hero h1{max-width:18em;font:400 clamp(28px,4.4vw,60px)/1.18 var(--font-italiana,Italiana),Georgia,serif;text-wrap:balance;margin:0 auto}:where(.jc-home) .hero h1.typed{color:var(--acc);background-image:linear-gradient(100deg,var(--acc) 0%,var(--fg) 40%,var(--acc) 70%,var(--fg) 100%);-webkit-text-fill-color:transparent;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:12s ease-in-out infinite alternate headlineFlow}:where(.jc-home) .hero h1.typed .word{white-space:nowrap}:where(.jc-home) .hero h1.typed .ch{animation:1ms linear backwards typeIn;animation-delay:calc(.35s + var(--i) * 34ms)}@keyframes typeIn{0%{visibility:hidden}}@keyframes headlineFlow{0%{background-position:0 0}to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){:where(.jc-home) .hero h1.typed,:where(.jc-home) .hero h1.typed .ch{animation:none}}:where(.jc-home) .sub{max-width:32em;font:400 clamp(17px,1.8vw,25px)/1.5 var(--font-italiana,Italiana),Georgia,serif;color:var(--mut);text-wrap:balance;margin:clamp(18px,2.5vw,28px) auto 0}:where(.jc-home) .sub em{font:400 1.4em/1 var(--font-meow,"Meow Script"),cursive;color:var(--fg);font-style:normal}:where(.jc-home) .hero .btn{margin-top:clamp(20px,2.5vw,28px)}:where(.jc-home) .marquee{max-width:min(18em,90vw);margin:clamp(32px,4vw,48px) auto 0;font-size:clamp(28px,4.4vw,60px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}:where(.jc-home) .track{width:max-content;animation:80s linear infinite slide;display:flex}:where(.jc-home) .marquee:hover .track{animation-play-state:paused}:where(.jc-home) .track a{cursor:pointer;border-radius:16px;flex:none;margin-right:16px;display:flex}:where(.jc-home) .track a:focus-visible{outline-offset:4px;outline:2px solid}:where(.jc-home) .track img{aspect-ratio:4/3;object-fit:cover;background:var(--ph);border-radius:16px;flex:none;width:auto;height:clamp(104px,11vw,150px)}@keyframes slide{0%{transform:translate(-25%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){:where(.jc-home) .track{animation:none}:where(.jc-home) .marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}:where(.jc-home) .track [aria-hidden]{display:none}}:where(.jc-home) #about h2{margin:0}:where(.jc-home) .about-open{color:inherit;font:inherit;text-transform:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:baseline;gap:8px 20px;padding:0;display:inline-flex}:where(.jc-home) .about-hint{font:400 13px var(--font-courier,"Courier Prime"),"Courier New",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);transition:color .2s}:where(.jc-home) .about-open:hover .about-hint,:where(.jc-home) .about-open:focus-visible .about-hint{color:var(--acc)}:where(.jc-home) .about-open:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:1px}:where(.jc-home) .about-win{border:1px solid var(--line);background:var(--bg);width:min(920px,100vw - 32px);max-height:min(86vh,900px);color:var(--fg);overscroll-behavior:contain;border-radius:16px;margin:auto;padding:0;overflow:hidden;box-shadow:0 48px 96px -24px #00000080}:where(.jc-home) .about-win[open]{flex-direction:column;animation:.28s cubic-bezier(.2,.8,.2,1) aboutIn;display:flex}:where(.jc-home) .about-win::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0e99}@keyframes aboutIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}:where(.jc-home) .about-bar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--fg) 6%,var(--bg));flex:none;justify-content:center;align-items:center;min-height:44px;display:flex;position:relative}:where(.jc-home) .about-dot{cursor:pointer;background:0 0;border:0;width:44px;height:44px;margin-top:-22px;padding:0;position:absolute;top:50%;left:8px}:where(.jc-home) .about-dot:before{content:"";background:#b85560;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:background .2s;position:absolute;top:50%;left:50%}:where(.jc-home) .about-dot:hover:before{background:#d9646f}:where(.jc-home) .about-dot{border-radius:50%}:where(.jc-home) .about-body:focus{outline:none}:where(.jc-home) .about-title{font:400 13px var(--font-courier,"Courier Prime"),"Courier New",monospace;letter-spacing:.2em;text-transform:uppercase}:where(.jc-home) .about-body{padding:clamp(24px,4vw,36px) clamp(20px,4vw,36px) clamp(28px,4vw,40px);overflow-y:auto}:where(.jc-home) .about-body p{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);line-height:1.65}:where(.jc-home) .about-body a{color:var(--acc);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--acc) 45%,transparent);text-decoration-color:color-mix(in srgb,var(--acc) 45%,transparent);text-underline-offset:4px;font-weight:400}:where(.jc-home) .about-body a:hover{text-decoration-color:currentColor}:where(.jc-home) .about-after{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}:where(.jc-home) .about-after .about-k{font:400 13px var(--font-courier,"Courier Prime"),"Courier New",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin:0 0 4px}:where(.jc-home) .about-after h3{font:400 clamp(26px,3vw,36px)/1.1 var(--font-italiana,Italiana),Georgia,serif;text-transform:uppercase;margin:0 0 12px}:where(.jc-home) .about-after p:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){:where(.jc-home) .about-win[open]{animation:none}:where(.jc-home) .about-hint,:where(.jc-home) .about-dot:before{transition:none}}:where(.jc-home) .cw-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start;gap:clamp(24px,4vw,56px);padding:72px 0 88px;display:flex;overflow-x:auto}:where(.jc-home) .cw-track::-webkit-scrollbar{display:none}:where(.jc-home) .card{scroll-snap-align:start;perspective:1200px;flex:none;width:min(78vw,480px);text-decoration:none;display:block}:where(.jc-home) .card:first-child{--ry:9deg;--rz:-1.5deg}:where(.jc-home) .card:nth-child(2){--ry:0deg;--rz:0deg;margin-top:-40px}:where(.jc-home) .card:nth-child(3){--ry:-9deg;--rz:1.5deg}:where(.jc-home) .card .img{aspect-ratio:6/5;background:var(--ph);transform:rotateY(var(--ry,0deg)) rotateZ(var(--rz,0deg));box-shadow:0 48px 64px -32px color-mix(in srgb,var(--acc) calc(var(--glow)*40%),transparent);border-radius:20px;overflow:hidden}:where(.jc-home) .cw-controls{align-items:center;gap:16px;display:flex}:where(.jc-home) .cw-bar{background:var(--line);flex:1;height:1px;margin-right:16px;position:relative}:where(.jc-home) .cw-thumb{background:var(--acc);height:3px;transition:left .2s linear;position:absolute;top:-1px}:where(.jc-home) .cw-btn{border:1px solid var(--line);width:56px;height:56px;color:var(--fg);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;padding:0;transition:border-color .2s,opacity .2s;display:grid}:where(.jc-home) .cw-btn:hover:not(:disabled){border-color:var(--fg)}:where(.jc-home) .cw-next:not(:disabled){border-color:var(--acc)}:where(.jc-home) .cw-btn:disabled{opacity:.35;cursor:default}@media (max-width:560px){:where(.jc-home) .card:first-child{--ry:5deg}:where(.jc-home) .card:nth-child(3){--ry:-5deg}:where(.jc-home) .cw-track{padding:56px 0 64px}:where(.jc-home) .card:nth-child(2){margin-top:-24px}}@media (prefers-reduced-motion:reduce){:where(.jc-home) .cw-thumb,:where(.jc-home) .cw-btn{transition:none}}:where(.jc-home) .card img{object-fit:cover;width:100%;height:100%;transition:transform .8s}:where(.jc-home) .card:hover img{transform:scale(1.04)}:where(.jc-home) .card .row{align-items:baseline;gap:14px;margin-top:18px;display:flex}:where(.jc-home) .card .num{font:400 14px var(--font-courier,"Courier Prime"),monospace;color:var(--mut)}:where(.jc-home) .card h3{font:400 clamp(26px,2.6vw,34px)/1.1 var(--font-italiana,Italiana),Georgia,serif;text-transform:uppercase;margin:0}:where(.jc-home) .card p{font:400 13px var(--font-courier,"Courier Prime"),monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin:6px 0 0}:where(.jc-home) .card:hover h3{text-underline-offset:6px;text-decoration:underline}@media (prefers-reduced-motion:reduce){:where(.jc-home) .card img{transition:none}:where(.jc-home) .card:hover img{transform:none}}@keyframes cardFloat{0%,to{transform:translate(0,0)rotate(0)}25%{transform:translate3d(var(--fx,6px),calc(var(--fy,16px)*-.6),0) rotate(calc(var(--fr,.8deg)*.6))}50%{transform:translate3d(0,calc(var(--fy,16px)*-1),0) rotate(var(--fr,.8deg))}75%{transform:translate3d(calc(var(--fx,6px)*-1),calc(var(--fy,16px)*-.4),0) rotate(calc(var(--fr,.8deg)*-.6))}}:where(.jc-home) .card{will-change:transform;animation:7s ease-in-out infinite cardFloat}:where(.jc-home) .card:first-child{--fx:8px;--fy:18px;--fr:.9deg;animation-duration:7.5s}:where(.jc-home) .card:nth-child(2){--fx:-6px;--fy:22px;--fr:-.7deg;animation-duration:6.2s;animation-delay:-2.4s}:where(.jc-home) .card:nth-child(3){--fx:7px;--fy:16px;--fr:.8deg;animation-duration:8.4s;animation-delay:-4.6s}:where(.jc-home) .card:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){:where(.jc-home) .card{will-change:auto;animation:none}}:where(.jc-home) .rhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}:where(.jc-home) .rhead h2{margin:0}:where(.jc-home) .job{border-top:1px solid var(--line);grid-template-columns:220px 1fr;gap:32px;padding:32px 0;display:grid}:where(.jc-home) .job .when{font:400 14px var(--font-courier,"Courier Prime"),monospace;letter-spacing:.08em;color:var(--mut)}:where(.jc-home) .job h3{font:400 clamp(24px,2.4vw,32px)/1.15 var(--font-italiana,Italiana),Georgia,serif;margin:0}:where(.jc-home) .job .co{font:400 14px var(--font-courier,"Courier Prime"),monospace;color:var(--mut);margin:6px 0 0}:where(.jc-home) .job .promo{margin:14px 0 0;font-weight:400}:where(.jc-home) .job ul{max-width:760px;margin:16px 0 0;padding:0;list-style:none}:where(.jc-home) .job li{gap:14px;padding:6px 0;display:flex}:where(.jc-home) .job li:before{content:"/";color:var(--mut);flex:none}:where(.jc-home) .skills{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:32px;padding:32px 0;display:grid}:where(.jc-home) .skills h4,:where(.jc-home) .clients h4{font:400 13px var(--font-courier,"Courier Prime"),monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}:where(.jc-home) .skills p{margin:0}:where(.jc-home) .clients{border-top:1px solid var(--line);padding:32px 0 0}:where(.jc-home) .clients ul{flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:760px){:where(.jc-home) .job{grid-template-columns:1fr;gap:10px}}:where(.jc-home) .contact{grid-template-columns:1fr 1.2fr;align-items:start;gap:clamp(32px,6vw,96px);display:grid}:where(.jc-home) .info p{margin:0 0 6px}:where(.jc-home) .info .k{font:400 13px var(--font-courier,"Courier Prime"),monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}:where(.jc-home) .info a{text-underline-offset:4px;overflow-wrap:anywhere}:where(.jc-home) .info .gap{margin-top:24px}:where(.jc-home) .info .socials{align-items:center;gap:8px;display:flex}:where(.jc-home) .info .social{width:44px;height:44px;color:var(--fg);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:inline-flex}:where(.jc-home) .info .social:hover{color:var(--acc);transform:translateY(-2px)}:where(.jc-home) .info .social:focus-visible{outline:2px solid var(--acc);outline-offset:4px}:where(.jc-home) form{gap:24px;display:grid}:where(.jc-home) label{font:400 13px var(--font-courier,"Courier Prime"),monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);display:block}:where(.jc-home) input,:where(.jc-home) textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--fg);font:300 18px var(--font-hanken,"Hanken Grotesk"),Arial,sans-serif;background:0 0;border-radius:0;margin-top:8px;padding:12px 0;display:block}:where(.jc-home) input:focus,:where(.jc-home) textarea:focus{border-bottom-color:var(--fg);outline:none}:where(.jc-home) textarea{resize:vertical;min-height:140px}:where(.jc-home) form .btn{justify-self:start}@media (max-width:820px){:where(.jc-home) .contact{grid-template-columns:1fr}}:where(.jc-home) footer{border-top:1px solid var(--line);font:400 13px var(--font-courier,"Courier Prime"),monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding:40px 0 56px}:where(.jc-home) footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.jc-home{overflow-x:clip}
