.hero{margin-top:calc(-1 * var(--nav-h) - 1px)}.hero-stage{isolation:isolate;background-color:var(--cj-black);--u:min(.84cqw, 1.3cqh);--word:calc(var(--u) * 12.5);--gap:calc(var(--word) * .06);--shift:calc(var(--word) * .765);--win-k:15.625;--logo-k:26;--horizon-at:.56;--title:min(6.4cqw, 11cqh);--win-h:calc(var(--u) * var(--win-k));--win-w:calc(var(--win-h) * var(--mark-ratio));--logo-h:calc(var(--u) * var(--logo-k));--horizon:calc(var(--horizon-at) * 100cqh);--logo-y:calc(var(--horizon) - 3.5cqh - var(--logo-h) / 2);--img-s:max(calc(100cqw / var(--img-w)), calc(var(--horizon) / var(--img-horizon)), calc((1 - var(--horizon-at)) * 100cqh / (var(--img-h) - var(--img-horizon))));--intro-scale:calc(var(--win-k) / var(--logo-k));--intro-dy:calc(50cqh - var(--logo-y));height:100svh;min-height:34rem;position:relative;overflow:hidden;container:hero/size}@media (min-width:48rem) and (orientation:portrait){.hero-stage{--logo-k:40}}@media not (min-width:48rem){.hero-stage{--u:min(1cqw, .52cqh);--word:calc(var(--u) * 20);--gap:calc(var(--u) * 3.5);--shift:0px;--win-k:46;--logo-k:60;--horizon-at:.5;--title:10cqw}}.hero-window,.hero-photo{position:absolute;inset:0}.hero-photo img{left:50%;top:calc(var(--horizon) - var(--img-horizon) * var(--img-s));width:calc(var(--img-w) * var(--img-s));height:calc(var(--img-h) * var(--img-s));max-width:none;position:absolute;translate:-50%}.hero-photo:after{content:"";height:var(--horizon);background:linear-gradient(to bottom, var(--cj-black) 0%, #000000e0 22%, #0000009e 60%, #00000073 100%);position:absolute;inset:0 0 auto}.hero-stars{inset-inline:0;top:calc(var(--nav-h) + 1px);height:calc(var(--horizon) - var(--nav-h) - 1px);pointer-events:none;display:none;position:absolute;overflow:hidden}.hero-star{left:var(--x);top:var(--y);transform-origin:100%;opacity:0;background:linear-gradient(90deg,#fff0,#ffffff40 55%,#ffffffd9);border-radius:1px;width:clamp(70px,7cqw,120px);height:1.5px;position:absolute}.hero-star:first-child{--x:6%;--y:12%;--a:16deg;--travel:16cqw}.hero-star:nth-child(2){--x:66%;--y:22%;--a:24deg;--travel:13cqw}.hero-star:nth-child(3){--x:19%;--y:6%;--a:9deg;--travel:12cqw}@media not (min-width:48rem){.hero-star:first-child{--x:2%;--y:5%;--a:14deg;--travel:24cqw}.hero-star:nth-child(2){--x:52%;--y:10%;--a:18deg;--travel:20cqw}.hero-star:nth-child(3){--x:20%;--y:7%;--a:8deg;--travel:22cqw}}.hero-grain{pointer-events:none;background-image:var(--cj-grain);mix-blend-mode:hard-light;opacity:.14;background-size:240px;position:absolute;inset:0}.hero-land{inset-inline:0;top:var(--horizon);justify-content:center;align-items:center;padding:0 1.25rem 6cqh;display:flex;position:absolute;bottom:0}.hero-title{color:var(--cj-black);font-size:var(--title);letter-spacing:-.035em;text-align:center;text-transform:uppercase;text-wrap:balance;margin:0;font-weight:800;line-height:.92}.hero-title>span{display:block}.hero-title-word{display:inline-block}@media not (min-width:48rem){.hero-title>span+span{margin-top:.3em}}.hero-logo{left:50%;top:var(--logo-y);width:calc(var(--logo-h) * var(--mark-ratio));height:var(--logo-h);color:var(--cj-black);pointer-events:none;position:absolute;translate:-50% -50%}.hero-logo .pj-square{opacity:0}.hero-intro{pointer-events:none;visibility:hidden;position:absolute;inset:0}.hero-word{--dir:1;color:var(--cj-white);font-size:var(--word);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;text-box:trim-both cap alphabetic;translate:calc(var(--shift) + var(--win-w) / 2 + var(--gap)) -50%;font-weight:800;line-height:1;position:absolute;top:50%;left:50%}.hero-word:first-child{--dir:-1;translate:calc(-100% + var(--shift) - var(--win-w) / 2 - var(--gap)) -50%}@media not (min-width:48rem){.hero-word{translate:-50% calc(var(--win-h) / 2 + var(--gap))}.hero-word:first-child{translate:-50% calc(-100% - var(--win-h) / 2 - var(--gap))}}@media (prefers-reduced-motion:no-preference){.hero-window{animation:5.2s both hero-window}.hero-photo{animation:5.2s both hero-reveal}.hero-grain{animation:5.2s both hero-window,5.2s both hero-reveal}.hero-logo{animation:5.2s both hero-logo}.hero-logo .pj-square{animation:5.2s both hero-mark-square}.hero-title-word{animation:.8s cubic-bezier(.2,.7,.1,1) both hero-title-in;animation-delay:calc(3.55s + var(--i,0) * 55ms)}.hero-word{animation:5.2s both hero-word-x}body:has(.hero) .site-nav{animation:.8s ease-out 4.4s both hero-nav}@supports (animation-timeline:scroll()){body:has(.hero) .site-nav{animation:.8s ease-out 4.4s both hero-nav,linear both nav-fill;animation-timeline:auto,scroll(root);animation-range:normal,0 80px}}@media not (min-width:48rem){.hero-word{animation-name:hero-word-y}}}@keyframes hero-window{0%,57.7%{clip-path:inset(calc(50% - var(--win-h) / 2) calc(50% - var(--shift) - var(--win-w) / 2) calc(50% - var(--win-h) / 2) calc(50% + var(--shift) - var(--win-w) / 2));animation-timing-function:cubic-bezier(.76,0,.24,1)}82.7%,to{clip-path:inset(0)}}@keyframes hero-logo{0%,9.6%{opacity:0;transform:translate(var(--shift), var(--intro-dy)) scale(calc(var(--intro-scale) * .82));animation-timing-function:cubic-bezier(.2,.7,.2,1)}25%,57.7%{opacity:1;transform:translate(var(--shift), var(--intro-dy)) scale(var(--intro-scale));animation-timing-function:cubic-bezier(.76,0,.24,1)}82.7%,to{opacity:1;transform:none}}@keyframes hero-mark-square{0%,57.7%{opacity:1;animation-timing-function:ease-out}64%,to{opacity:0}}@keyframes hero-reveal{0%,58%{opacity:0;animation-timing-function:cubic-bezier(.2,.6,.3,1)}}@keyframes hero-word-x{0%,9.6%{visibility:visible;transform:translateX(calc(var(--dir) * var(--win-w) / -2));animation-timing-function:cubic-bezier(.65,0,.35,1)}25%,57.7%{animation-timing-function:cubic-bezier(.76,0,.24,1);transform:none}82.7%{visibility:visible;transform:translateX(calc(var(--dir) * 100cqw))}to{visibility:hidden;transform:translateX(calc(var(--dir) * 100cqw))}}@keyframes hero-word-y{0%,57.7%{visibility:visible;animation-timing-function:cubic-bezier(.76,0,.24,1);transform:none}82.7%{visibility:visible;transform:translateY(calc(var(--dir) * (50cqh - var(--win-h) / 2)))}to{visibility:hidden;transform:translateY(calc(var(--dir) * (50cqh - var(--win-h) / 2)))}}@keyframes hero-title-in{0%{filter:blur(.16em);transform:translateY(.3em)scale(1.04)}}@keyframes hero-nav{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.hero-stars{display:block}.hero-star:first-child{animation:19s 6s infinite both hero-star-1}.hero-star:nth-child(2){animation:31s 16s infinite both hero-star-2}.hero-star:nth-child(3){animation:47s 23s infinite both hero-star-3}}@keyframes hero-star-1{0%{opacity:0;transform:rotate(var(--a)) translateX(0) scaleX(.3);animation-timing-function:cubic-bezier(.3,0,.7,1)}.8%,3.3%{opacity:1}4.2%,to{opacity:0;transform:rotate(var(--a)) translateX(var(--travel)) scaleX(1)}}@keyframes hero-star-2{0%{opacity:0;transform:rotate(var(--a)) translateX(0) scaleX(.3);animation-timing-function:cubic-bezier(.3,0,.7,1)}.5%,2.3%{opacity:1}2.9%,to{opacity:0;transform:rotate(var(--a)) translateX(var(--travel)) scaleX(1)}}@keyframes hero-star-3{0%{opacity:0;transform:rotate(var(--a)) translateX(0) scaleX(.3);animation-timing-function:cubic-bezier(.3,0,.7,1)}.3%,1.1%{opacity:1}1.5%,to{opacity:0;transform:rotate(var(--a)) translateX(var(--travel)) scaleX(1)}}
.story-portrait{aspect-ratio:4/5;background-color:var(--cj-grey);border-radius:4px;width:100%;position:relative;overflow:hidden}@media (min-width:48rem){.story-portrait{top:calc(var(--nav-h) + 1px + 3rem);width:min(100%, calc((100svh - var(--nav-h) - 1px - 6rem) * .8));position:sticky}}.story-portrait picture,.story-portrait img{width:100%;height:100%;position:absolute;inset:0}.story-portrait img,.story-fly img{object-fit:cover}.story-fly{z-index:40;visibility:hidden;pointer-events:none;transform-origin:0 0;will-change:transform;border-radius:4px;position:absolute;top:0;left:0;overflow:hidden}.story-fly picture,.story-fly img{width:100%;height:100%;display:block}
.story{background-color:var(--cj-sand);color:var(--cj-black)}.story-muted{color:#0000009e}.story-quote{font-family:var(--nf-public-sans-italic), var(--cj-text);letter-spacing:-.025em;text-indent:-.42em;text-wrap:balance;margin:0;font-size:clamp(32px,4vw,58px);font-style:italic;font-weight:400;line-height:1.1}.story-quote-close{white-space:nowrap;position:relative}.story-stroke{pointer-events:none;width:calc(100% + .12em);height:.34em;position:absolute;bottom:-.24em;left:-.08em;overflow:visible}.story-stroke path{fill:none;stroke:var(--cj-black);stroke-width:4.5px;stroke-linecap:round}.story-sign{display:inline-block;position:relative}.story-stroke-sign{height:.5em;bottom:-.42em}.story-stroke-sign path{stroke-width:3px}