.bj-c-sketch-mark{overflow:visible;pointer-events:none}.bj-c-sketch-mark path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;vector-effect:non-scaling-stroke}.bj-c-sketch-mark__echo{opacity:.28;stroke-width:1}@layer components{.bj-c-portfolio{--portfolio-paper: #ffffff;--portfolio-paper-light: var(--portfolio-paper);--portfolio-paper-muted: #f7f7f5;--portfolio-ink: #252521;--portfolio-copy: #45443e;--portfolio-muted: #68665f;--portfolio-line: #e5e5e1;--portfolio-pencil: #625b92;--portfolio-pencil-soft: #e7e2ef;--portfolio-divider: #e78238;--portfolio-heading-size: 34px;width:100%;background:var(--portfolio-paper);color:var(--portfolio-ink);font-family:var(--bj-font-body);font-size:1rem;line-height:1.75}.bj-c-portfolio :where(h1,h2,h3,h4,p,figure,dl,dd,ol){margin:0}.bj-c-portfolio a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.bj-c-portfolio a:focus-visible,.bj-c-portfolio video:focus-visible{outline:3px solid var(--portfolio-pencil);outline-offset:5px}.bj-c-portfolio img{display:block;max-width:100%;height:auto}.bj-c-portfolio [id]{scroll-margin-top:1.5rem}.bj-c-portfolio__container{max-width:1200px;padding-inline:40px}.bj-c-portfolio__arrow{width:20px;height:20px;flex:0 0 auto}.bj-c-portfolio__skip{position:fixed;top:12px;left:16px;z-index:100;padding:10px 16px;border:1px solid var(--portfolio-ink);background:var(--portfolio-paper-light);transform:translateY(-180%)}.bj-c-portfolio__skip:focus{transform:none}.bj-c-portfolio__intro{min-height:82svh}.bj-c-portfolio__intro-container{display:flex;min-height:82svh;flex-direction:column;justify-content:center;padding-block:clamp(72px,10vw,132px) clamp(56px,8vw,96px)}.bj-c-portfolio__hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:clamp(48px,9vw,132px)}.bj-c-portfolio__intro-copy{max-width:720px}.bj-c-portfolio__intro-role{margin-bottom:26px!important;color:var(--portfolio-muted);font-size:14px;letter-spacing:.015em}.bj-c-portfolio__intro-copy h1{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:56px;font-weight:700;line-height:1.3;letter-spacing:-.045em;text-wrap:balance}.bj-c-portfolio__intro-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;max-width:100%}.bj-c-portfolio__intro-english-name{color:var(--portfolio-copy);font-size:clamp(20px,2vw,26px);font-weight:400;letter-spacing:-.02em;white-space:nowrap}.bj-c-portfolio__intro-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}.bj-c-portfolio__intro-links .bj-c-portfolio__text-link{min-height:44px;font-size:15px}.bj-c-portfolio__intro-description{display:grid;gap:12px;max-width:540px;margin-top:24px;color:var(--portfolio-copy);font-size:clamp(17px,1.8vw,20px);line-height:1.9;letter-spacing:-.025em}.bj-c-portfolio__portrait{width:min(100%,340px);justify-self:end}.bj-c-portfolio__portrait-frame{position:relative;padding:12px;border:1px solid var(--portfolio-line);background:var(--portfolio-paper-light);transform:rotate(1deg)}.bj-c-portfolio__portrait-frame img{width:100%;aspect-ratio:.9;object-fit:cover;object-position:center}.bj-c-portfolio__portrait-mark{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);color:var(--portfolio-pencil);transform:rotate(-1deg)}.bj-c-portfolio__section{padding-block:clamp(82px,9vw,120px)}.bj-c-portfolio__section-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:fit-content;margin-bottom:44px;font-family:var(--bj-font-heading);font-size:28px;font-weight:600;line-height:1.4;letter-spacing:-.035em}.bj-c-portfolio__title-mark{display:block;width:72px;height:16px;color:var(--portfolio-divider);pointer-events:none}.bj-c-portfolio__project-grid{display:grid;gap:clamp(96px,10vw,136px)}.bj-c-portfolio__project{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:start;gap:28px clamp(40px,7vw,88px)}.bj-c-portfolio__project-header{grid-column:1;grid-row:1}.bj-c-portfolio__project-type{display:flex;align-items:baseline;gap:13px;color:var(--portfolio-muted);font-size:14px}.bj-c-portfolio__project-type>span{color:var(--portfolio-pencil);font-size:12px;font-variant-numeric:tabular-nums}.bj-c-portfolio__project-heading h3{margin-top:14px;font-size:var(--portfolio-heading-size);line-height:1.3;letter-spacing:-.045em}.bj-c-portfolio__project-intro{margin-top:25px}.bj-c-portfolio__project-intro>p{color:var(--portfolio-copy);font-size:17px;line-height:1.9;letter-spacing:-.02em}.bj-c-portfolio__project-notes{grid-column:1;grid-row:2}.bj-c-portfolio__project-story{padding-left:17px;border-left:2px solid var(--portfolio-pencil)}.bj-c-portfolio__project-story h4{font-size:16px;line-height:1.6;letter-spacing:-.02em}.bj-c-portfolio__project-story>p{margin-top:8px;color:var(--portfolio-copy);font-size:15px;line-height:1.85}.bj-c-portfolio__project-story+.bj-c-portfolio__project-meta{margin-top:28px}.bj-c-portfolio__project-details,.bj-c-portfolio__highlights{display:grid;border-top:1px solid var(--portfolio-line)}.bj-c-portfolio__project-details>div,.bj-c-portfolio__highlights>div{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:baseline;gap:14px;padding-block:13px;border-bottom:1px solid var(--portfolio-line)}.bj-c-portfolio__project-details dt,.bj-c-portfolio__highlights dt{color:var(--portfolio-muted);font-size:13px}.bj-c-portfolio__project-details dd,.bj-c-portfolio__highlights dd{color:var(--portfolio-copy);font-size:14px}.bj-c-portfolio__project-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:20px}.bj-c-portfolio__text-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;border-bottom:1px solid var(--portfolio-line);color:var(--portfolio-ink);font-size:13px;font-weight:600;transition:color .16s ease,border-color .16s ease}.bj-c-portfolio__text-link:hover{color:var(--portfolio-pencil);border-color:var(--portfolio-pencil)}.bj-c-portfolio__text-link .bj-c-portfolio__arrow{width:13px;height:13px}.bj-c-portfolio__project-figure{grid-column:2;grid-row:1/span 2;align-self:center;min-width:0}.bj-c-portfolio__project-stage{display:block;padding:10px;border:1px solid var(--portfolio-line);background:var(--portfolio-paper-light);box-shadow:3px 4px #433a2a0d;transition:box-shadow .2s ease,transform .2s ease}.bj-c-portfolio__project-stage:hover{box-shadow:6px 8px #433a2a14;transform:translateY(-2px)}.bj-c-portfolio__project-stage:focus-visible{outline-offset:4px}.bj-c-portfolio__project-stage img{width:100%;aspect-ratio:1.6;object-fit:cover}.bj-c-portfolio__current-role{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(48px,8vw,100px)}.bj-c-portfolio__career-copy{max-width:520px}.bj-c-portfolio__career-period{display:flex;align-items:center;gap:8px;color:var(--portfolio-pencil);font-size:13px;font-variant-numeric:tabular-nums}.bj-c-portfolio__career-period:before{content:"";width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:var(--portfolio-divider)}.bj-c-portfolio__career-copy h3{margin-top:14px;font-size:var(--portfolio-heading-size);line-height:1.3;letter-spacing:-.045em}.bj-c-portfolio__career-role{margin-top:5px!important;color:var(--portfolio-muted);font-size:15px}.bj-c-portfolio__career-summary{margin-top:21px!important;color:var(--portfolio-copy);font-size:16px;line-height:1.85}.bj-c-portfolio__highlights{margin-top:28px}.bj-c-portfolio__career-media{min-width:0}.bj-c-portfolio__career-media video{display:block;width:100%;height:auto;border:1px solid var(--portfolio-line);background:var(--portfolio-paper-muted);object-fit:contain}.bj-c-portfolio__past-roles{display:grid;gap:32px;margin-top:64px}.bj-c-portfolio__past-roles article{display:grid;grid-template-columns:150px 230px minmax(0,1fr);align-items:baseline;gap:24px}.bj-c-portfolio__past-roles h3{font-size:19px;line-height:1.5;letter-spacing:-.025em}.bj-c-portfolio__past-roles .bj-c-portfolio__career-role{margin-top:3px!important;font-size:13px}.bj-c-portfolio__past-roles .bj-c-portfolio__career-summary{margin-top:0!important;font-size:14px}.bj-c-portfolio__contact{padding-block:clamp(78px,9vw,116px) clamp(64px,8vw,88px);background:var(--portfolio-paper)}.bj-c-portfolio__contact .bj-c-portfolio__section-title{margin-bottom:24px}.bj-c-portfolio__contact-description{max-width:540px;margin-bottom:24px;color:var(--portfolio-copy);font-size:17px;line-height:1.85;letter-spacing:-.02em}.bj-c-portfolio__contact-methods{display:flex;flex-wrap:wrap;align-items:center;gap:16px 36px}.bj-c-portfolio__contact-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-bottom:2px;border-bottom:1px solid var(--portfolio-line);font-size:22px;line-height:1.4;letter-spacing:-.02em;transition:color .16s ease,border-color .16s ease}.bj-c-portfolio__contact-link:hover{color:var(--portfolio-pencil);border-color:var(--portfolio-pencil)}.bj-c-portfolio__contact-link .bj-c-portfolio__arrow{width:17px;height:17px}@media(max-width:900px){.bj-c-portfolio__container{padding-inline:32px}.bj-c-portfolio__hero{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:48px}.bj-c-portfolio__project{column-gap:36px}.bj-c-portfolio__project-intro>p{font-size:16px}.bj-c-portfolio__project-story>p{font-size:14px}.bj-c-portfolio__current-role{grid-template-columns:1fr;gap:42px}.bj-c-portfolio__career-copy{max-width:680px}.bj-c-portfolio__career-media{max-width:720px}.bj-c-portfolio__past-roles article{grid-template-columns:130px 200px minmax(0,1fr);gap:18px}}@media(max-width:680px){.bj-c-portfolio{--portfolio-heading-size: 29px}.bj-c-portfolio__intro-copy h1{font-size:44px}.bj-c-portfolio__container{padding-inline:22px}.bj-c-portfolio__intro,.bj-c-portfolio__intro-container{min-height:0}.bj-c-portfolio__intro-container{padding-block:78px 66px}.bj-c-portfolio__hero{grid-template-columns:1fr;gap:48px}.bj-c-portfolio__intro-role{margin-bottom:20px!important;font-size:13px}.bj-c-portfolio__intro-description{margin-top:20px;font-size:16px}.bj-c-portfolio__intro-links{margin-top:19px}.bj-c-portfolio__intro-links .bj-c-portfolio__text-link{font-size:14px}.bj-c-portfolio__portrait{width:min(72%,260px);justify-self:center;margin-right:15px}.bj-c-portfolio__section{padding-block:80px}.bj-c-portfolio__section-title{margin-bottom:36px;font-size:24px}.bj-c-portfolio__project-grid{gap:88px}.bj-c-portfolio__project{grid-template-columns:1fr;gap:22px}.bj-c-portfolio__project-header,.bj-c-portfolio__project-figure,.bj-c-portfolio__project-notes{grid-column:auto;grid-row:auto}.bj-c-portfolio__project-heading h3{margin-top:12px}.bj-c-portfolio__project-intro{margin-top:20px}.bj-c-portfolio__project-intro>p{font-size:15px;line-height:1.85}.bj-c-portfolio__project-story h4{font-size:15px}.bj-c-portfolio__project-story>p{font-size:14px}.bj-c-portfolio__project-details>div,.bj-c-portfolio__highlights>div{grid-template-columns:74px minmax(0,1fr);gap:10px;padding-block:12px}.bj-c-portfolio__project-details dt,.bj-c-portfolio__highlights dt{font-size:12px}.bj-c-portfolio__project-details dd,.bj-c-portfolio__highlights dd{font-size:13px}.bj-c-portfolio__project-links{gap:6px 17px;margin-top:20px}.bj-c-portfolio__project-stage{padding:8px}.bj-c-portfolio__career-summary{font-size:15px}.bj-c-portfolio__past-roles{margin-top:44px}.bj-c-portfolio__past-roles article{grid-template-columns:1fr;gap:9px}.bj-c-portfolio__past-roles .bj-c-portfolio__career-summary{margin-top:4px!important}.bj-c-portfolio__contact{padding-top:68px}.bj-c-portfolio__contact .bj-c-portfolio__section-title{margin-bottom:20px}.bj-c-portfolio__contact-description{font-size:16px}.bj-c-portfolio__contact-methods{gap:14px 28px}.bj-c-portfolio__contact-link{font-size:20px}}@media(max-width:360px){.bj-c-portfolio__container{padding-inline:18px}.bj-c-portfolio__portrait{width:76%}}@media(prefers-reduced-motion:reduce){.bj-c-portfolio *,.bj-c-portfolio *:before,.bj-c-portfolio *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}