:root{--ink: #16140f;--ink-soft: #5b574c;--ink-faint: #716d5e;--paper: #faf9f4;--paper-warm: #f2efe4;--line: #e7e2d6;--accent: #1c7a44;--accent-dark: #145c33;--accent-soft: #e8f5ec;--font-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Atkinson Hyperlegible Next", "Helvetica Neue", "Segoe UI", Arial, sans-serif;--font-mono: "Atkinson Hyperlegible Mono", Menlo, Consolas, monospace;--nav-h: 84px;--container: none;--gutter: clamp(20px, 5vw, 64px);--ease: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}#root{width:100%;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:#fff}.section{max-width:var(--container);margin:0 auto;padding:clamp(64px,12vw,120px) var(--gutter);scroll-margin-top:var(--nav-h)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:28px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal--visible{opacity:1;transform:translateY(0)}.skip-link{position:fixed;top:-48px;left:16px;background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:6px;font-family:var(--font-mono);font-size:13px;z-index:2000;transition:top .2s ease}.skip-link:focus{top:16px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.page{padding-top:var(--nav-h)}.intro-mark{position:fixed;top:50%;left:50%;width:min(58vw,460px);color:var(--ink);transform:translate(-50%,-50%);opacity:1;z-index:1001;pointer-events:none;transition:top .85s var(--ease),left .85s var(--ease),width .85s var(--ease),opacity .35s linear .5s}@media(max-width:640px){.intro-mark{width:min(72vw,320px)}}.intro-mark--docked{top:calc(var(--nav-h) / 2);left:calc(var(--gutter) + 44px);width:88px;opacity:0}.bajlogo-line{fill:none}.bajlogo--animated .bajlogo-line{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.bajlogo--animated .bajlogo-line-1{animation:bajlogo-dash .5s linear forwards}.bajlogo--animated .bajlogo-line-2{animation:bajlogo-dash .25s linear forwards;animation-delay:.5s}.bajlogo--animated .bajlogo-line-3{animation:bajlogo-dash .125s linear forwards;animation-delay:.75s}.bajlogo--animated .bajlogo-line-4{animation:bajlogo-dash .125s linear forwards;animation-delay:.875s}.bajlogo--animated .bajlogo-line-5{animation:bajlogo-dash .25s linear forwards;animation-delay:1s}.bajlogo--animated .bajlogo-line-6{animation:bajlogo-dash .25s linear forwards;animation-delay:1.25s}@keyframes bajlogo-dash{0%{opacity:1;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--paper);border-bottom:1px solid var(--line);z-index:1000;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}.nav--revealed{opacity:1;transform:translateY(0);pointer-events:auto}.nav-row{height:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}.nav-mark{width:88px;height:50px;display:flex;align-items:center;background:none;border:none;padding:0;color:var(--ink);transition:color .2s ease}.nav-mark:hover,.nav-mark:focus-visible{color:var(--accent)}.nav-mark--home{cursor:default}.nav-links ul{display:flex;align-items:center;gap:36px}.nav-links a{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);position:relative;padding-bottom:4px;transition:color .2s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent);transition:width .2s ease}.nav-links a:hover:after,.nav-links a:focus-visible:after{width:100%}.nav-links a.nav-cta{background:var(--ink);color:var(--paper);padding:9px 18px;border-radius:999px}.nav-links a.nav-cta:after{display:none}.nav-links a.nav-cta:hover,.nav-links a.nav-cta:focus-visible{background:var(--accent);color:var(--paper)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px}.nav-toggle span{width:22px;height:2px;background:var(--ink);display:block;transition:transform .25s ease,opacity .25s ease}@media(max-width:760px){.nav-toggle{display:flex}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.nav-links ul{flex-direction:column;align-items:flex-start;gap:0;padding:8px var(--gutter) 20px}.nav-links ul li{width:100%;padding:12px 0;border-bottom:1px solid var(--line)}.nav-links ul li:last-child{border-bottom:none;padding-top:16px}.nav-links a.nav-cta{display:inline-block}.nav--open .nav-links{max-height:320px}.nav--open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav--open .nav-toggle span:nth-child(2){opacity:0}.nav--open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.hero{min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:var(--container);margin:0 auto;padding:0 var(--gutter) 80px;position:relative;opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease) .05s,transform .8s var(--ease) .05s}.hero--revealed{opacity:1;transform:translateY(0)}.hero-lurker{position:absolute;top:0;right:0;height:calc(100vh - var(--nav-h));width:auto;z-index:0;pointer-events:none;transform:translate(100%);transition:transform 1.4s var(--ease)}.hero-lurker--peek{transform:translate(50%)}.hero-lurker--full{transform:translate(0)}.hero-inner{position:relative;z-index:1}.hero-greeting{font-size:clamp(1.1rem,2.2vw,1.4rem);color:var(--ink-soft);margin:0 0 6px;opacity:0;transform:translate(-40px);transition:opacity .7s var(--ease) .15s,transform .7s var(--ease) .15s}.hero-greeting--revealed{opacity:1;transform:translate(0)}.hero-name{font-size:clamp(3rem,10vw,7rem);font-weight:700;letter-spacing:-.02em;line-height:.98;margin:0 0 22px;text-transform:uppercase}.hero-name-part{display:inline-block}.hero-name-mid{display:inline-block;transform:scale(1);margin:0;transform-origin:center bottom;transition:transform 1.1s var(--ease),margin 1.1s var(--ease)}.hero-name--grown .hero-name-mid{transform:scale(1.32);margin:0 .35em;transition:transform 1.1s var(--ease),margin 1.1s var(--ease)}.hero-name--hoverable .hero-name-mid{transition:transform .35s ease,margin .35s ease,color .35s ease}.hero-name--hoverable .hero-name-mid:hover{transform:scale(1.15);margin:0 .17em;color:var(--accent)}.hero-name-mid-wrap{position:relative;display:inline-block}.hero-name-overlay{position:absolute;top:50%;left:50%;width:2.3em;aspect-ratio:760 / 508;color:var(--accent);transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none;opacity:1;transition:opacity 1s ease}.hero-name-overlay--fading{opacity:0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:14px 26px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--accent);transform:translateY(-1px)}.btn-ghost{border-color:var(--line);color:var(--ink);background:#faf9f499;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px #ffffffb3,0 1px 2px #16140f0d}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:var(--ink);background:#faf9f4c7;transform:translateY(-1px)}.about-grid{display:grid;grid-template-columns:200px 1fr;gap:48px}.about-copy{max-width:680px;display:flex;flex-direction:column;gap:20px}.about-body{font-size:1.05rem;line-height:1.78;color:var(--ink-soft)}@media(max-width:760px){.about-grid{grid-template-columns:1fr;gap:20px}}.skills-intro{margin:0 auto 56px;max-width:560px;text-align:center}.skills-heading{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600}.focus-areas{margin-bottom:56px}.focus-areas-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.focus-areas-list li{font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;line-height:1.3;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--paper-warm)}@media(max-width:640px){.focus-areas-list{grid-template-columns:1fr}}.skills-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.skills-group-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.skills-tags{display:flex;flex-wrap:wrap;gap:10px}.skills-tags li{font-size:.92rem;padding:8px 14px;border-radius:999px;background:var(--paper-warm);color:var(--ink)}@media(max-width:880px){.skills-groups{grid-template-columns:1fr;gap:36px}}.interests{margin-top:56px}.contact-grid{display:grid;grid-template-columns:200px 1fr;gap:48px}.contact-copy{max-width:640px}.contact-links{border-top:1px solid var(--line)}.contact-links li{border-bottom:1px solid var(--line)}.contact-links a{display:flex;align-items:baseline;justify-content:space-between;padding:22px 4px;transition:color .2s ease,padding-left .2s ease}.contact-links a:hover,.contact-links a:focus-visible{color:var(--accent);padding-left:12px}.contact-link-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.contact-link-value{font-size:1.05rem}@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:520px){.contact-links a{flex-direction:column;align-items:flex-start;gap:6px}}.zoomable-image{cursor:zoom-in}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#16140feb;display:flex;align-items:center;justify-content:center;animation:lightbox-fade .2s ease}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.lightbox-img{max-width:88vw;max-height:88vh;object-fit:contain;border-radius:6px;transition:transform .15s ease;-webkit-user-select:none;user-select:none}.lightbox-controls{position:absolute;top:20px;right:20px;z-index:1001;display:flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px}.lightbox-controls button{width:34px;height:34px;border-radius:50%;border:none;background:none;color:var(--ink);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.lightbox-controls button:hover:not(:disabled),.lightbox-controls button:focus-visible:not(:disabled){background:var(--paper-warm);color:var(--accent)}.lightbox-controls button:disabled{color:var(--ink-faint);opacity:.5}.lightbox-scale{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);min-width:42px;text-align:center}.lightbox-close{font-size:22px;margin-left:4px}@media(max-width:640px){.lightbox-controls{top:auto;bottom:20px;right:50%;transform:translate(50%)}}.flipbook{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:4%;box-sizing:border-box}.flipbook.flipbook{display:flex}.flipbook.flipbook--static{padding:0}.flipbook-stage{position:relative;flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.flipbook-book{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.flipbook-page{background:var(--paper);overflow:hidden}.flipbook-page-zoom{display:block;width:100%;height:100%;padding:0;border:none;background:none;cursor:zoom-in}.flipbook-page-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.flipbook-page-blank{width:100%;height:100%;background:var(--paper-warm)}.flipbook-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;z-index:6;opacity:0;transition:opacity .2s ease,border-color .2s ease,color .2s ease}.flipbook-nav svg{width:16px;height:16px}.flipbook:hover .flipbook-nav,.flipbook-nav:focus-visible{opacity:1}.flipbook-nav:hover,.flipbook-nav:focus-visible{border-color:var(--accent);color:var(--accent)}.flipbook-nav--prev{left:8px}.flipbook-nav--next{right:8px}.work-intro{margin-bottom:32px;max-width:560px}.work-heading{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600}.work-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:48px}.work-filter{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:none;border:1px solid var(--line);border-radius:999px;padding:9px 18px;transition:color .2s ease,border-color .2s ease,background .2s ease}.work-filter:hover,.work-filter:focus-visible{color:var(--ink);border-color:var(--ink)}.work-filter--active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px 24px}.work-card{display:block}.work-thumb{position:relative;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:var(--paper-warm);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}.work-card:hover .work-thumb,.work-card:focus-visible .work-thumb{border-color:var(--accent)}.work-thumb img{width:100%;height:100%;object-fit:cover}.work-thumb img.work-thumb-icon{width:42%;height:42%;object-fit:contain}.work-thumb iframe{width:100%;height:100%;border:none;pointer-events:none}.work-thumb-placeholder{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;color:var(--ink-faint)}.work-thumb-zoom{position:absolute;bottom:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,color .2s ease,border-color .2s ease}.work-thumb-zoom svg{width:16px;height:16px}.work-card:hover .work-thumb-zoom,.work-card:focus-within .work-thumb-zoom{opacity:1;transform:translateY(0)}.work-thumb-zoom:hover,.work-thumb-zoom:focus-visible{color:var(--accent);border-color:var(--accent)}.work-card-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px}.work-card-title{font-size:1.05rem;font-weight:600}.work-card-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.work-empty{color:var(--ink-faint);font-family:var(--font-mono);font-size:14px}.bill-flip{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:18px;background:var(--paper-warm)}.bill-flip.bill-flip{display:flex}.bill-flip-stage{flex:1;max-width:480px;aspect-ratio:2.35 / 1;perspective:1600px;background:none;border:none;padding:0;cursor:pointer}.bill-flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.bill-flip-card--flipped{transform:rotateY(180deg)}.bill-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;border-radius:8px;box-shadow:0 4px 16px #0003}.bill-flip-face--back{transform:rotateY(180deg)}.bill-flip-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease}.bill-flip-arrow:hover,.bill-flip-arrow:focus-visible{border-color:var(--accent);color:var(--accent)}.section.work-detail{max-width:820px;margin-left:auto;margin-right:auto}.work-detail-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:32px;transition:color .2s ease}.work-detail-back:hover,.work-detail-back:focus-visible{color:var(--accent)}.work-detail-back-arrow{display:inline-block;transition:transform .2s var(--ease)}.work-detail-back:hover .work-detail-back-arrow,.work-detail-back:focus-visible .work-detail-back-arrow{transform:translate(-4px)}.work-detail-hero-media{width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;object-fit:cover}.work-detail-hero-media iframe{width:100%;height:100%;border:none}.work-detail-hero-link{position:relative;cursor:pointer}.work-detail-hero-link iframe{pointer-events:none}.work-detail-hero-visit{position:absolute;bottom:16px;right:16px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 16px;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,border-color .2s ease,color .2s ease}.work-detail-hero-link:hover .work-detail-hero-visit,.work-detail-hero-link:focus-visible .work-detail-hero-visit{opacity:1;transform:translateY(0)}.img-placeholder{background:var(--paper-warm);border:1px solid var(--line);color:var(--ink-faint);display:flex;align-items:center;justify-content:center}.work-detail-hero-media.img-placeholder svg{width:15%;max-width:72px;height:auto}.story-marquee-item.img-placeholder svg{width:34%;max-width:30px;height:auto}.work-detail-meta{margin-top:32px;margin-bottom:48px}.work-detail-title{font-size:clamp(2.2rem,5.5vw,3.4rem);font-weight:700;margin-bottom:14px}.work-detail-tags{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.story-frame{display:flex;align-items:center;gap:20px}.story-arrow{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,color .2s ease}.story-arrow:hover,.story-arrow:focus-visible{border-color:var(--accent);color:var(--accent)}.story-panel{flex:1;min-width:0;background:var(--paper-warm);border:1px solid var(--line);border-radius:14px;padding:clamp(24px,4vw,40px)}.story-steps{display:flex;gap:6px;margin-bottom:18px}.story-dot{width:24px;height:24px;padding:0;border:none;background:none;display:flex;align-items:center;justify-content:center}.story-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s ease,transform .2s ease}.story-dot:hover:before,.story-dot:focus-visible:before{background:var(--ink-faint)}.story-dot--active:before{background:var(--accent);transform:scale(1.4)}.story-body{animation:story-fade .4s var(--ease)}@keyframes story-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.story-label{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.story-text{font-size:1.05rem;line-height:1.65;color:var(--ink-soft);white-space:pre-line}.story-marquee{margin-top:28px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}.story-marquee-track{display:flex;gap:14px;width:max-content;animation:story-marquee 24s linear infinite}.story-marquee:hover .story-marquee-track{animation-play-state:paused}.story-marquee-item{flex-shrink:0;width:150px;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden}.story-marquee-item img{width:100%;height:100%;object-fit:cover}@keyframes story-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:640px){.story-frame{flex-wrap:wrap;justify-content:center;row-gap:16px}.story-panel{order:1;flex-basis:100%}.story-arrow--prev{order:2}.story-arrow--next{order:3}}.site-footer{max-width:var(--container);margin:0 auto;padding:32px var(--gutter) 48px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);letter-spacing:.04em}.footer-top{color:var(--ink-faint);transition:color .2s ease}.footer-top:hover,.footer-top:focus-visible{color:var(--accent)}@media(max-width:520px){.site-footer{flex-direction:column;gap:12px;text-align:center}}