body.bf-work-v2{
  --paper:#E7E0D3;--champagne:#C7B9A3;--stone:#A58D70;--earth:#76533F;
  --olive:#292B25;--ink:#1C1C1A;--oxide:#854E38;--slate:#77766F;
  --serif:"Instrument Serif",Georgia,serif;--mono:"IBM Plex Mono",monospace;--sans:Inter,Arial,sans-serif;
  --mx:50vw;--my:50vh;--scroll:0;
  --lumen-glow:0 0 1px rgba(255,255,255,.38),0 0 14px rgba(245,242,235,.16),0 0 30px rgba(216,191,123,.08);
  --lumen-glow-soft:0 0 1px rgba(255,255,255,.28),0 0 9px rgba(245,242,235,.12);
}
body.bf-work-v2 *{box-sizing:border-box}html:has(body.bf-work-v2){background:var(--ink);color:var(--paper);scroll-behavior:smooth}body.bf-work-v2{margin:0;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.bf-work-v2 a{color:inherit;text-decoration:none}body.bf-work-v2 button{font:inherit}
body.bf-work-v2 ::selection{background:var(--oxide);color:var(--paper)}
body.bf-work-v2 .skip{position:fixed;z-index:100;left:20px;top:12px;transform:translateY(-180%);padding:10px 12px;background:var(--paper);color:var(--ink);font:600 10px/1 var(--mono);letter-spacing:.12em}body.bf-work-v2 .skip:focus{transform:none}
body.bf-work-v2 .site-head{position:fixed;z-index:40;inset:0 0 auto;height:72px;padding:0 clamp(22px,4.2vw,68px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(231,224,211,.16);background:linear-gradient(to bottom,rgba(28,28,26,.88),rgba(28,28,26,.25));backdrop-filter:blur(12px)}
body.bf-work-v2 .wordmark{font:600 11px/1 var(--mono);letter-spacing:.21em}body.bf-work-v2 .wordmark span{margin-left:.55em;letter-spacing:.44em}body.bf-work-v2 .nav{display:flex;gap:clamp(18px,2.5vw,38px);font:500 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}body.bf-work-v2 .nav a{opacity:.74;transition:opacity .2s}body.bf-work-v2 .nav a:hover,body.bf-work-v2 .nav a[aria-current=page]{opacity:1}
body.bf-work-v2 .progress-rail{position:fixed;z-index:41;left:0;top:0;width:100%;height:2px;background:rgba(231,224,211,.12)}body.bf-work-v2 .progress-rail i{display:block;width:calc(var(--scroll)*100%);height:100%;background:var(--oxide)}
body.bf-work-v2 .work-hero{position:relative;min-height:100svh;padding:clamp(130px,14vw,190px) clamp(22px,5vw,78px) 70px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 28%,rgba(133,78,56,.32),transparent 22%),linear-gradient(125deg,#171814,var(--olive) 58%,#171814)}
body.bf-work-v2 .work-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(231,224,211,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(231,224,211,.06) 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(to bottom,black 0 78%,transparent)}
body.bf-work-v2 .work-glow{position:absolute;z-index:-1;left:var(--mx);top:var(--my);width:34vw;height:34vw;min-width:320px;min-height:320px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(199,185,163,.15),rgba(133,78,56,.08) 35%,transparent 68%);pointer-events:none;transition:left .12s linear,top .12s linear}
body.bf-work-v2 .hero-top{max-width:1500px;margin:0 auto}body.bf-work-v2 .eyebrow{display:flex;align-items:center;gap:16px;font:500 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(231,224,211,.64)}body.bf-work-v2 .eyebrow:before{content:"";width:42px;height:1px;background:currentColor}
body.bf-work-v2 .work-hero h1{margin:clamp(40px,7vh,88px) 0 0;font:400 clamp(78px,13vw,205px)/.7 var(--serif);letter-spacing:-.07em;text-transform:uppercase}body.bf-work-v2 .work-hero h1 em{display:block;margin-left:17vw;font-weight:400;color:var(--champagne)}
body.bf-work-v2 .hero-note{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:50px;align-items:end;margin-top:clamp(64px,10vh,130px);padding-top:20px;border-top:1px solid rgba(231,224,211,.25)}body.bf-work-v2 .hero-note .plate{font:500 8px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(231,224,211,.58)}body.bf-work-v2 .hero-note p{margin:0;font:400 clamp(20px,2.4vw,34px)/1.05 var(--serif);letter-spacing:-.02em}
body.bf-work-v2 .archive-stage{position:relative;min-height:155svh;background:var(--earth);padding:14vh 4vw 18vh;overflow:hidden;isolation:isolate}body.bf-work-v2 .archive-stage:before{content:"01";position:absolute;right:-.02em;top:0;font:400 clamp(260px,44vw,740px)/.7 var(--serif);color:rgba(231,224,211,.05);letter-spacing:-.08em;z-index:-1}
body.bf-work-v2 .project-shell{position:sticky;top:7vh;height:86svh;max-width:1500px;margin:auto;perspective:1700px;display:grid;place-items:center}body.bf-work-v2 .project-card{position:relative;width:min(92vw,1380px);height:min(76vh,840px);overflow:hidden;border:1px solid rgba(231,224,211,.4);background:#161713;transform-style:preserve-3d;transform:rotateX(var(--tiltY,0deg)) rotateY(var(--tiltX,0deg)) translateZ(0);transition:transform .14s ease-out,box-shadow .3s ease;box-shadow:0 60px 120px rgba(17,18,16,.38)}
body.bf-work-v2 .project-card:focus-visible{outline:1px solid var(--paper);outline-offset:8px}body.bf-work-v2 .project-card:hover{box-shadow:0 75px 140px rgba(17,18,16,.5)}
body.bf-work-v2 .project-media{position:absolute;inset:0;overflow:hidden}body.bf-work-v2 .project-media img{position:absolute;width:58%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.06);will-change:transform,clip-path}body.bf-work-v2 .project-media .m1{left:0;top:0;clip-path:polygon(0 0,82% 0,56% 100%,0 100%);transform:translate3d(calc(var(--px,0)*-18px),calc(var(--py,0)*-9px),0) scale(1.06)}body.bf-work-v2 .project-media .m2{right:-3%;top:0;clip-path:polygon(34% 0,100% 0,100% 100%,0 100%);transform:translate3d(calc(var(--px,0)*22px),calc(var(--py,0)*12px),0) scale(1.1);mix-blend-mode:screen;opacity:.72}body.bf-work-v2 .project-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,28,26,.9) 0 21%,rgba(28,28,26,.18) 48%,rgba(28,28,26,.7) 100%),linear-gradient(to top,rgba(28,28,26,.86),transparent 62%)}
body.bf-work-v2 .project-index{position:absolute;left:28px;top:26px;z-index:5;font:500 8px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:rgba(231,224,211,.75)}body.bf-work-v2 .project-status{position:absolute;right:28px;top:26px;z-index:5;display:flex;align-items:center;gap:10px;font:500 8px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}body.bf-work-v2 .project-status:before{content:"";width:7px;height:7px;background:var(--oxide);border-radius:50%;box-shadow:0 0 0 8px rgba(133,78,56,.14)}
body.bf-work-v2 .project-copy{position:absolute;z-index:6;left:clamp(26px,5vw,76px);right:clamp(26px,5vw,76px);bottom:clamp(28px,5.5vw,80px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px}body.bf-work-v2 .project-copy small{display:block;font:500 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}body.bf-work-v2 .project-copy h2{margin:0;font:400 clamp(62px,9vw,145px)/.72 var(--serif);letter-spacing:-.055em}body.bf-work-v2 .project-copy h2 em{font-weight:400;color:var(--champagne)}body.bf-work-v2 .enter{align-self:end;width:98px;height:98px;border-radius:50%;border:1px solid rgba(231,224,211,.6);display:grid;place-items:center;font:400 35px/1 var(--serif);transition:background .35s,color .35s,transform .35s}body.bf-work-v2 .project-card:hover .enter{background:var(--paper);color:var(--ink);transform:rotate(45deg)}
body.bf-work-v2 .cut-lines{position:absolute;z-index:4;inset:0;pointer-events:none}body.bf-work-v2 .cut-lines i{position:absolute;background:rgba(231,224,211,.22)}body.bf-work-v2 .cut-lines i:nth-child(1){left:16.666%;top:0;bottom:0;width:1px}body.bf-work-v2 .cut-lines i:nth-child(2){right:16.666%;top:0;bottom:0;width:1px}body.bf-work-v2 .cut-lines i:nth-child(3){left:0;right:0;top:33%;height:1px}
body.bf-work-v2 .archive-aside{max-width:1500px;margin:10vh auto 0;display:grid;grid-template-columns:.45fr 1fr;gap:9vw;align-items:start}body.bf-work-v2 .archive-aside .label{font:500 9px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:rgba(231,224,211,.63);padding-top:12px;border-top:1px solid rgba(231,224,211,.3)}body.bf-work-v2 .archive-aside p{margin:0;font:400 clamp(32px,4.5vw,70px)/.94 var(--serif);letter-spacing:-.035em}body.bf-work-v2 .archive-aside em{color:var(--champagne)}
body.bf-work-v2 .work-hero h1,body.bf-work-v2 .hero-note p,body.bf-work-v2 .project-copy h2,body.bf-work-v2 .archive-aside p{color:var(--paper);text-shadow:var(--lumen-glow)}
body.bf-work-v2 .wordmark,body.bf-work-v2 .nav,body.bf-work-v2 .project-status,body.bf-work-v2 .project-copy small,body.bf-work-v2 .enter{color:rgba(231,224,211,.92);text-shadow:var(--lumen-glow-soft)}
body.bf-work-v2 .project-card:hover .enter{text-shadow:none}
body.bf-work-v2 .footer{padding:38px clamp(22px,5vw,78px);background:#121310;border-top:1px solid rgba(231,224,211,.16);display:flex;justify-content:space-between;gap:30px;font:500 8px/1.7 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(231,224,211,.58)}body.bf-work-v2 .footer strong{font:400 30px/1 var(--serif);letter-spacing:0;color:var(--paper);text-transform:none;display:block;margin-bottom:8px}
body.bf-work-v2 .cursor,body.bf-work-v2 .cursor-dot{position:fixed;z-index:90;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:difference}body.bf-work-v2 .cursor{width:42px;height:42px;border:1px solid rgba(255,255,255,.75);transition:width .2s,height .2s}body.bf-work-v2 .cursor-dot{width:4px;height:4px;background:white}body.bf-work-v2 .cursor.is-active{width:76px;height:76px}
body.bf-work-v2 .transition-shutter{position:fixed;z-index:120;inset:0;pointer-events:none;display:grid;grid-template-columns:repeat(5,1fr);visibility:hidden}body.bf-work-v2 .transition-shutter i{background:var(--olive);transform:translateY(102%)}body.bf-work-v2.is-leaving .transition-shutter{visibility:visible}body.bf-work-v2.is-leaving .transition-shutter i{animation:shut .78s cubic-bezier(.76,0,.24,1) forwards}body.bf-work-v2.is-leaving .transition-shutter i:nth-child(2){animation-delay:.06s}body.bf-work-v2.is-leaving .transition-shutter i:nth-child(3){animation-delay:.12s}body.bf-work-v2.is-leaving .transition-shutter i:nth-child(4){animation-delay:.18s}body.bf-work-v2.is-leaving .transition-shutter i:nth-child(5){animation-delay:.24s}@keyframes shut{to{transform:none}}
@media (max-width:800px){body.bf-work-v2{--lumen-glow:0 0 1px rgba(255,255,255,.34),0 0 10px rgba(245,242,235,.14),0 0 22px rgba(216,191,123,.07);--lumen-glow-soft:0 0 1px rgba(255,255,255,.26),0 0 7px rgba(245,242,235,.11)}}
@media (max-width:800px){body.bf-work-v2 .nav{display:none}body.bf-work-v2 .site-head{height:64px}body.bf-work-v2 .work-hero{padding-top:120px}body.bf-work-v2 .work-hero h1{font-size:20vw}body.bf-work-v2 .work-hero h1 em{margin-left:8vw}body.bf-work-v2 .hero-note{grid-template-columns:1fr;gap:25px}body.bf-work-v2 .archive-stage{min-height:135svh;padding-left:18px;padding-right:18px}body.bf-work-v2 .project-shell{top:9vh;height:82svh}body.bf-work-v2 .project-card{height:72svh}body.bf-work-v2 .project-copy{grid-template-columns:1fr}body.bf-work-v2 .enter{width:68px;height:68px;position:absolute;right:0;bottom:0}body.bf-work-v2 .project-copy h2{font-size:17vw}body.bf-work-v2 .archive-aside{grid-template-columns:1fr;gap:30px}body.bf-work-v2 .project-media .m1{width:82%}body.bf-work-v2 .project-media .m2{width:75%}body.bf-work-v2 .footer{flex-direction:column}body.bf-work-v2 .cursor,body.bf-work-v2 .cursor-dot,body.bf-work-v2 .work-glow{display:none}}
@media (prefers-reduced-motion:reduce){html:has(body.bf-work-v2){scroll-behavior:auto}body.bf-work-v2 .project-card,body.bf-work-v2 .project-media img,body.bf-work-v2 .enter,body.bf-work-v2 .cursor,body.bf-work-v2 .transition-shutter i{transition:none!important;animation:none!important}body.bf-work-v2 .project-card{transform:none!important}body.bf-work-v2 .project-media img{transform:none!important}body.bf-work-v2.is-leaving .transition-shutter{display:none}}