@layer components{.bj-c-portfolio{--portfolio-paper: var(--bj-color-bg);--portfolio-ink: var(--bj-color-text);--portfolio-muted: var(--bj-color-text-muted);--portfolio-accent: var(--bj-color-accent);--portfolio-line: var(--bj-color-line);--portfolio-well: #eef2f7;--portfolio-button-bg: var(--bj-color-accent);--portfolio-button-text: #fff;color:var(--portfolio-ink);background:var(--portfolio-paper);font-size:1rem;line-height:1.75}.bj-c-portfolio :where(a){color:inherit;text-decoration:none}.bj-c-portfolio :where(a,video):focus-visible{outline:3px solid var(--portfolio-accent);outline-offset:6px}.bj-c-portfolio :where(h1,h2,h3,p,figure,dl,dd,ol){margin:0}.bj-c-portfolio :where(ol){padding:0;list-style:none}.bj-c-portfolio__skip{position:fixed;top:-100px;left:24px;z-index:30;padding:12px 20px;background:var(--portfolio-paper)}.bj-c-portfolio__skip:focus{top:16px}.bj-c-portfolio__header{position:fixed;inset:0 0 auto;z-index:20;height:80px;padding-inline:clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--bj-color-bg);border-bottom:1px solid var(--bj-color-line)}.bj-c-portfolio__identity{display:inline-flex;align-items:baseline;flex-shrink:0;font-size:1.25rem;font-weight:700;letter-spacing:-.04em}.bj-c-portfolio__identity>span{color:var(--portfolio-accent)}.bj-c-portfolio__identity>small{margin-left:14px;font-size:.75rem;font-weight:400;letter-spacing:.12em;color:var(--portfolio-muted)}.bj-c-portfolio__nav{display:flex;gap:28px}.bj-c-portfolio__nav>a{display:grid;place-items:center;min-width:44px;min-height:44px;position:relative;font-size:.875rem;color:var(--portfolio-muted)}.bj-c-portfolio__nav>a:hover,.bj-c-portfolio__nav>a[aria-current]{color:var(--portfolio-ink)}.bj-c-portfolio__nav>a[aria-current]:after{content:"";position:absolute;inset:auto 16px 1px;height:2px;background:currentColor}.bj-c-portfolio__scene{position:relative;min-height:100svh;padding-block:120px 64px;display:flex;align-items:center;scroll-snap-align:start;color:var(--portfolio-ink);background:var(--portfolio-paper)}.bj-c-portfolio__intro{text-align:center;padding-bottom:100px}.bj-c-portfolio__intro-content{display:flex;flex-direction:column;align-items:center}.bj-c-portfolio__portrait{width:132px;height:132px;object-fit:cover;border-radius:50%;margin-bottom:28px}.bj-c-portfolio__greeting{display:block;font-size:1rem;font-weight:400;line-height:1.75;letter-spacing:normal;margin-bottom:24px;color:var(--portfolio-muted)}.bj-c-portfolio__intro h1{font-size:clamp(2.125rem,5.2vw,4.75rem);font-weight:600;line-height:1.23;letter-spacing:-.045em}.bj-c-portfolio__period{color:var(--portfolio-accent)}.bj-c-portfolio__intro-description{margin-block:28px 32px;color:var(--portfolio-muted);font-size:1rem;line-height:1.85;text-wrap:balance}.bj-c-portfolio__intro-foot,.bj-c-portfolio__footer{position:absolute;bottom:24px;inset-inline:clamp(24px,4vw,64px);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.75rem;color:var(--portfolio-muted)}.bj-c-portfolio__intro-foot a,.bj-c-portfolio__footer a{padding-block:12px}.bj-c-portfolio__intro-foot{justify-content:flex-end}.bj-c-portfolio__button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:12px 24px;background:var(--portfolio-button-bg);color:var(--portfolio-button-text);border-radius:100px;font-size:.875rem;font-weight:600;transition:transform .18s ease,box-shadow .18s ease}.bj-c-portfolio__button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #172b4324}.bj-c-portfolio__link{display:inline-flex;align-items:center;gap:18px;min-height:48px;font-size:.875rem}.bj-c-portfolio__link:hover,.bj-c-portfolio__evidence:hover{text-decoration:underline;text-underline-offset:5px}.bj-c-portfolio__chapter{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:.75rem;color:var(--portfolio-muted)}.bj-c-portfolio__chapter>span{font-variant-numeric:tabular-nums;padding-right:12px;border-right:1px solid var(--portfolio-line)}.bj-c-portfolio__heading{font-weight:600;font-size:clamp(2rem,3.3vw,2.875rem);line-height:1.3;letter-spacing:-.04em}.bj-c-portfolio__description{max-width:390px;color:var(--portfolio-muted);line-height:1.85;font-size:1rem;margin-top:24px}.bj-c-portfolio__product-layout{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.3fr);gap:clamp(32px,5vw,72px);align-items:center}.bj-c-portfolio__product-name{font-size:clamp(2.75rem,4.7vw,4rem);line-height:1.1;font-weight:600;letter-spacing:-.055em}.bj-c-portfolio__product-headline{white-space:pre-line;font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.45;letter-spacing:-.03em;margin-top:28px}.bj-c-portfolio__actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}.bj-c-portfolio__proof{margin-top:36px;display:grid;gap:10px;padding-top:20px;border-top:1px solid var(--portfolio-line);font-size:.75rem}.bj-c-portfolio__proof>div{display:flex;justify-content:space-between;gap:12px}.bj-c-portfolio__proof dt{color:var(--portfolio-muted);flex-shrink:0}.bj-c-portfolio__proof dd{text-align:right}.bj-c-portfolio__evidence{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:8px;font-size:.75rem;color:var(--portfolio-muted)}.bj-c-portfolio__product-visual{min-width:0;padding:28px 20px 14px;border-radius:16px;background:var(--portfolio-well)}.bj-c-portfolio__product-visual>a{display:block;border-radius:8px;overflow:hidden;box-shadow:0 16px 32px #13263c1a,0 0 0 1px #13263c0f;transition:transform .24s ease}.bj-c-portfolio__product-visual>a:hover{transform:translateY(-4px)}.bj-c-portfolio__product-visual img{display:block;width:100%;height:auto}.bj-c-portfolio__product-visual figcaption{display:flex;justify-content:space-between;margin-top:16px;color:var(--portfolio-muted);font-size:.75rem}.bj-c-portfolio__product--ocean{--portfolio-paper: var(--bj-color-night);--portfolio-ink: #f5f7fb;--portfolio-muted: #b8c6d6;--portfolio-line: #3c5067;--portfolio-accent: #b6cdfb;--portfolio-well: #223950;--portfolio-button-bg: #f5f7fb;--portfolio-button-text: #172b43}.bj-c-portfolio__product--vampire{--portfolio-well: #e9edf3}.bj-c-portfolio__thinking-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:88px;align-items:center}.bj-c-portfolio__thinking .bj-c-portfolio__link{margin-top:20px}.bj-c-portfolio__essays>li{border-top:1px solid var(--portfolio-line)}.bj-c-portfolio__essays>li:last-child{border-bottom:1px solid var(--portfolio-line)}.bj-c-portfolio__essays a{display:block;padding:28px 0}.bj-c-portfolio__essay-meta{display:flex;justify-content:space-between;gap:12px;color:var(--portfolio-muted);font-size:.75rem;margin-bottom:10px}.bj-c-portfolio__essays h3{display:flex;justify-content:space-between;gap:18px;font-size:1.25rem;font-weight:600;line-height:1.5;letter-spacing:-.025em}.bj-c-portfolio__essays h3>span{flex-shrink:0;font-weight:400;transition:transform .18s ease}.bj-c-portfolio__essays a:hover h3>span{transform:translate(3px,-3px)}.bj-c-portfolio__essays p{margin-top:8px;font-size:.875rem;color:var(--portfolio-muted)}.bj-c-portfolio__experience{--portfolio-paper: #f0f3f7}.bj-c-portfolio__experience-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:72px;align-items:center}.bj-c-portfolio__career-list{margin-top:32px}.bj-c-portfolio__career-list>li{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;border-top:1px solid var(--portfolio-line);padding-block:16px}.bj-c-portfolio__career-period{font-size:.75rem;color:var(--portfolio-muted);padding-top:3px}.bj-c-portfolio__career-list h3{font-size:1rem;font-weight:600}.bj-c-portfolio__career-list p{font-size:.875rem;color:var(--portfolio-muted);margin-top:4px}.bj-c-portfolio__career-list .bj-c-portfolio__career-summary{font-size:.75rem}.bj-c-portfolio__work video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:#fff}.bj-c-portfolio__work figcaption{padding-top:24px}.bj-c-portfolio__work figcaption>span{font-size:.75rem;color:var(--portfolio-muted)}.bj-c-portfolio__work h3{font-size:1.375rem;font-weight:600;margin-top:8px;letter-spacing:-.025em}.bj-c-portfolio__work p{margin-top:12px;font-size:.875rem;line-height:1.85;color:var(--portfolio-muted)}.bj-c-portfolio__contact{text-align:center;padding-bottom:112px}.bj-c-portfolio__contact .bj-c-portfolio__chapter{justify-content:center}.bj-c-portfolio__contact h2{font-size:clamp(2.5rem,5.2vw,4.75rem);font-weight:600;line-height:1.25;letter-spacing:-.045em}.bj-c-portfolio__contact .bj-c-portfolio__description{max-width:none}.bj-c-portfolio__email{display:inline-flex;align-items:center;gap:28px;padding-bottom:8px;border-bottom:1px solid var(--portfolio-line);font-size:clamp(1.375rem,2.7vw,2.125rem);margin-top:40px;letter-spacing:-.03em}.bj-c-portfolio__email:hover{color:var(--portfolio-accent)}.bj-c-portfolio__socials{display:flex;justify-content:center;gap:28px;margin-top:24px;font-size:.875rem;color:var(--portfolio-muted)}.bj-c-portfolio__socials>a{padding-block:12px}@media(prefers-reduced-motion:no-preference){.bj-reveal-ready .bj-c-portfolio [data-reveal-block]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.bj-reveal-ready .bj-c-portfolio [data-reveal-block].is-visible{opacity:1;transform:none}}@media(min-width:1000px)and (max-height:800px){.bj-c-portfolio__scene{padding-block:104px 40px}.bj-c-portfolio__portrait{width:88px;height:88px;margin-bottom:18px}.bj-c-portfolio__intro{padding-bottom:88px}.bj-c-portfolio__intro h1{font-size:3.5rem}.bj-c-portfolio__greeting{margin-bottom:16px}.bj-c-portfolio__intro-description{margin-block:20px}.bj-c-portfolio__chapter{margin-bottom:18px}.bj-c-portfolio__product-name{font-size:3.125rem}.bj-c-portfolio__product-headline{margin-top:20px;font-size:1.5rem}.bj-c-portfolio__description{margin-top:18px}.bj-c-portfolio__product .bj-c-portfolio__description{margin-top:16px;line-height:1.7}.bj-c-portfolio__actions{margin-top:20px}.bj-c-portfolio__proof{margin-top:20px;padding-top:14px;gap:6px}.bj-c-portfolio__evidence{margin-top:4px}.bj-c-portfolio__career-list{margin-top:24px}.bj-c-portfolio__career-list>li{padding-block:12px}}@media(max-width:1000px){.bj-c-portfolio__thinking-layout,.bj-c-portfolio__experience-layout{gap:36px}.bj-c-portfolio__nav{gap:16px}.bj-c-portfolio__product-name{font-size:2.875rem}.bj-c-portfolio__proof>div{display:block}.bj-c-portfolio__proof dd{text-align:left;margin-top:2px}.bj-c-portfolio__career-list>li{grid-template-columns:92px minmax(0,1fr);gap:12px}}@media(max-width:760px){.bj-c-portfolio__header{height:68px;padding-inline:20px}.bj-c-portfolio__identity{font-size:1.125rem}.bj-c-portfolio__identity>small{display:none}.bj-c-portfolio__nav{gap:4px}.bj-c-portfolio__nav>a{font-size:.875rem;min-width:40px}.bj-c-portfolio__nav>a:first-child,.bj-c-portfolio__nav>a[data-story-nav=career]{display:none}.bj-c-portfolio__scene{padding-block:100px 60px}.bj-c-portfolio__intro{padding-block:110px 104px}.bj-c-portfolio__portrait{width:104px;height:104px;margin-bottom:24px}.bj-c-portfolio__greeting{font-size:.875rem;margin-bottom:20px}.bj-c-portfolio__intro h1{font-size:clamp(2rem,8vw,3rem);line-height:1.3}.bj-c-portfolio__intro-description{max-width:360px;margin-block:24px 28px}.bj-c-portfolio__intro-description br{display:none}.bj-c-portfolio__intro-foot,.bj-c-portfolio__footer{inset-inline:20px;bottom:16px}.bj-c-portfolio__product-layout,.bj-c-portfolio__thinking-layout,.bj-c-portfolio__experience-layout{grid-template-columns:minmax(0,1fr);gap:32px}.bj-c-portfolio__product-name{font-size:3rem}.bj-c-portfolio__product-headline{font-size:1.625rem;margin-top:20px}.bj-c-portfolio__description{max-width:500px;margin-top:20px}.bj-c-portfolio__actions{margin-top:24px}.bj-c-portfolio__proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;padding-top:18px}.bj-c-portfolio__product-visual{padding:18px 12px 12px;border-radius:12px}.bj-c-portfolio__heading{font-size:2rem}.bj-c-portfolio__essays a{padding-block:24px}.bj-c-portfolio__contact{padding-bottom:120px}.bj-c-portfolio__contact .bj-c-portfolio__description{max-width:340px;margin-inline:auto}.bj-c-portfolio__contact .bj-c-portfolio__description br{display:none}}@media(prefers-reduced-motion:reduce){.bj-c-portfolio :where(a,span){transition:none}.bj-c-portfolio__button:hover,.bj-c-portfolio__product-visual>a:hover{transform:none}}}@layer pages{html:has(.bj-c-portfolio){scroll-behavior:smooth;scroll-snap-type:y proximity}@media(max-width:760px),(prefers-reduced-motion:reduce){html:has(.bj-c-portfolio){scroll-snap-type:none}}@media(prefers-reduced-motion:reduce){html:has(.bj-c-portfolio){scroll-behavior:auto}}}