(function b(a){let b=[{l:0,r:3.25,t:0,b:.77},{l:0,r:.5,t:.69,b:1.74},{l:.4,r:3.08,t:.95,b:1.55}],c=window,d=a.outline.length,e=32,f=(c,e,f,g,h,i,j)=>{let k=h*a.ratio;for(let l of b){let b=f+l.r*e+c,m=g+l.t*e-c,n=g+l.b*e+c;for(let c=0;c=1)continue;let e=j+c/d*h;if(j+(c+1)/d*h>m&&e{let d,h,i,j,k=document.querySelector(".hero.hero--right"),l=k?.querySelector(".hero-wordmark"),m=k?.querySelector(".hero-media"),n=document.getElementById("hero-fit");if(n||((n=document.createElement("style")).id="hero-fit",document.head.append(n)),!k||!l||!m){n.textContent="";return}let o=k.getBoundingClientRect(),p=l.getBoundingClientRect(),q=m.getBoundingClientRect(),r=g&&performance.now()-g.t<100?g:null,s=r?{left:o.left+r.markLeft,top:o.top+r.markTop,height:r.mark.height}:p,t=r?{right:o.right-r.photoRight,height:r.photoH}:q;n.textContent="";let u=k.clientWidth,v=k.clientHeight,w=document.createElement("div");w.style.cssText="position:absolute;visibility:hidden;width:var(--gutter);height:var(--hero-gap)",k.append(w);let x=w.offsetWidth;e=w.offsetHeight,w.remove();let y=getComputedStyle(l),z=(a,b,c,d,g,h)=>f(e,a,b,c,d,g,h),A=(a,b,c)=>{if(b<=a||!c(a))return a;if(c(b))return b;for(let d=0;d<20;d++){let d=(a+b)/2;c(d)?a=d:b=d}return a},B="phone";if(window.matchMedia("(min-width: 768px)").matches){B="side";let c=m.offsetHeight,d=c*a.ratio,e=parseFloat(y.bottom)||0,f=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,g=(a,b)=>!z(a,x+b,v-e-1.56*a,c,u-d,v-c),h=A(3*f,(.9*v-e)/1.75,a=>g(a,0)),i=A(0,u,a=>g(h,a));if(n.textContent=`.hero.hero--right{--hero-wm-size:${h.toFixed(2)}px;--hero-spare:${i.toFixed(2)}px}`,h<112){B="top";let c=Math.min(112,(u-2*x)/b[0].r),d=A(0,Math.min(.9*v,(u-x)/a.ratio),b=>!z(c,x,e,b,u-b*a.ratio,v-b));n.textContent=`.hero.hero--right{--hero-wm-size:${c.toFixed(2)}px;--hero-spare:0px;--hero-img-h:${d.toFixed(2)}px}.hero.hero--right .hero-wordmark{top:${e}px;bottom:auto}`}}else{let b=parseFloat(y.fontSize),c=parseFloat(y.left)||0,d=parseFloat(y.top)||0,e=A(m.offsetHeight,Math.min(.76*v,u/a.ratio),e=>!z(b,c,d,e,u-e*a.ratio,v-e));n.textContent=`.hero.hero--right{--hero-img-h:${e.toFixed(2)}px}`}let C=c.__heroMode;if(c.__heroMode=B,!C||C===B||"phone"===C||"phone"===B||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;c.__heroGlide?.forEach(a=>a.cancel()),m.getAnimations().forEach(a=>a.cancel());let D=m.getBoundingClientRect(),E=D.height?t.height/D.height:1,F=m.animate([{transform:`translateX(${t.right-D.right}px) scale(${E})`},{transform:"translateX(0px) scale(1)"}],{duration:500,easing:"cubic-bezier(0.22, 1, 0.36, 1)",composite:"add"});c.__heroGlide=[(l.getAnimations().forEach(a=>a.cancel()),h=(d=l.getBoundingClientRect()).height?s.height/d.height:1,i=s.left-d.left+(h-1)*d.width/2,j=s.top-d.top+(h-1)*d.height/2,l.animate([{transform:`translate(${i}px, ${j}px) scale(${h})`},{transform:"translate(0px, 0px) scale(1)"}],{duration:500,easing:"cubic-bezier(0.22, 1, 0.36, 1)",composite:"add"})),F]},i=0,j=()=>{i=0;let a=document.querySelector(".hero.hero--right"),b=a?.querySelector(".hero-wordmark"),c=a?.querySelector(".hero-media");if(!a||!b||!c)return;let d=[...b.getAnimations(),...c.getAnimations()].filter(a=>"running"===a.playState),h=b.getBoundingClientRect(),k=c.getBoundingClientRect();if(d.length){let a=parseFloat(getComputedStyle(b).fontSize)*(b.offsetHeight?h.height/b.offsetHeight:1);f(e/2,a,h.left,h.top,k.height,k.left,k.top)&&(d.forEach(a=>a.finish()),h=b.getBoundingClientRect(),k=c.getBoundingClientRect())}let l=a.getBoundingClientRect();g={t:performance.now(),mark:h,markLeft:h.left-l.left,markTop:h.top-l.top,photoH:k.height,photoRight:l.right-k.right},d.some(a=>"running"===a.playState)&&(i=requestAnimationFrame(j))},k=()=>{i||(i=requestAnimationFrame(j))};if(h(),k(),!c.__heroFit){let a={t:0,width:window.innerWidth,height:window.innerHeight},b=1;c.__heroPace=()=>performance.now()-a.t<250?b:1,window.addEventListener("resize",()=>{let d=performance.now(),e=Math.abs(window.innerWidth-a.width)+Math.abs(window.innerHeight-a.height),f=d-a.t;b=f<250&&f>0?Math.min(6,1+e/f*1.5):1,a={t:d,width:window.innerWidth,height:window.innerHeight},c.__heroFit?.(),c.__heroWatch?.(),document.querySelectorAll(".hero--right .hero-wordmark, .hero--right .hero-media").forEach(a=>a.getAnimations().forEach(a=>{a.playbackRate

harlan james

Selected work