.dolly{--eye-y:40svh;--pass-perspective:1100px;--zone-top:8svh;--zone-gap:4svh;position:relative}@media (max-width:47.99rem){.dolly{--eye-y:38svh;--pass-perspective:800px;--zone-top:6svh;--zone-gap:3svh}}.dz-stage{position:relative}@property --dissolve{syntax:"<number>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference) and (min-height:34rem) and (min-width:22.5rem){.dolly:where([data-boot=pending],[data-boot=flight]){height:calc((1 + var(--flight)) * 100svh)}:where([data-boot=pending],[data-boot=flight]) .dz-stage{background-color:var(--color-night);height:100svh;position:sticky;top:0;overflow:clip}:where([data-boot=pending],[data-boot=flight]) :is([data-far=stars],[data-far=limb]){z-index:0;transform-origin:50% var(--eye-y);will-change:transform;position:absolute;inset:0}:where([data-boot=pending],[data-boot=flight]) [data-far=limb]{z-index:200}:where([data-boot=pending],[data-boot=flight]) .dz-plane{z-index:calc(100 - var(--i));--crest:calc(var(--eye-y) + (var(--hz-horizon) - var(--eye-y)) * (1 + var(--limb-grow) * var(--i) / var(--last)));padding-block:var(--zone-top) calc(100svh - var(--crest) + var(--zone-gap));transform-origin:50% var(--crest);pointer-events:none;align-content:center;margin-block:0;display:grid;position:absolute;inset:0}:where([data-boot=pending],[data-boot=flight]) .dz-plane[data-present] :is(a,button){pointer-events:auto}:where([data-boot=pending],[data-boot=flight]) .dz-leaf[data-flight=exit]{-webkit-mask-image:linear-gradient(#0000 38.462%,#000 61.538%);mask-image:linear-gradient(#0000 38.462%,#000 61.538%);-webkit-mask-size:100% 260%;mask-size:100% 260%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 calc((1 - var(--dissolve)) * 100%);-webkit-mask-position:0 calc((1 - var(--dissolve)) * 100%);mask-position:0 calc((1 - var(--dissolve)) * 100%)}.dolly[data-boot=pending] .dz-plane:not([data-station="0"]){opacity:0;visibility:hidden}:where([data-boot=pending],[data-boot=flight]) .dz-plane:not([data-station="0"],[data-near]) picture{display:none}}
.dolly{--hz-horizon:62svh;--hz-earth-w:118vw;--hz-earth-ratio:2400 / 1500;--hz-limb-offset:calc(var(--hz-earth-w) * 1500 / 2400 * .2);--hz-crest-y:20%;--hz-earth-centre:48.9% 170.9%;--hz-earth-left:calc(50vw - var(--hz-earth-w) / 2);--hz-sun-x:76.47%;--hz-sun-y:26.86%;--hz-streak-angle:18deg;--hz-display:clamp(4rem, min(1.2rem + 7.2vw, 15svh, 28svh - 7rem), 10rem)}@media (orientation:portrait){.dolly{--hz-horizon:60svh;--hz-earth-w:135vw;--hz-earth-ratio:1200 / 1500;--hz-limb-offset:calc(var(--hz-earth-w) * 1500 / 1200 * .22);--hz-crest-y:22%;--hz-earth-centre:45.6% 95%;--hz-earth-left:calc(50vw - var(--hz-earth-w) * .44);--hz-sun-x:60.49%;--hz-sun-y:22.7%;--hz-streak-angle:9deg;--hz-display:clamp(3.25rem, 1.6rem + 7vw, 7rem)}}.hz-sky{pointer-events:none;height:100svh;min-height:34rem;position:absolute;inset:0 0 auto;overflow:clip;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.hz-far{position:absolute;inset:0}.hz-stars{width:100%;height:100%;position:absolute;inset:0}.hz-earth{top:calc(var(--hz-horizon) - var(--hz-limb-offset));left:var(--hz-earth-left);width:var(--hz-earth-w);aspect-ratio:var(--hz-earth-ratio);position:absolute}.hz-rise{transform-origin:47% 260%;height:100%;position:relative}.hz-earth-img{width:100%;height:auto;aspect-ratio:var(--hz-earth-ratio);display:block;position:relative;-webkit-mask-image:linear-gradient(#000 66%,#0000 98%);mask-image:linear-gradient(#000 66%,#0000 98%)}.hz-earth-canvas{--x:var(--hz-canvas-x,0);--y:var(--hz-canvas-y,0);--h:var(--hz-canvas-h,1);top:calc(var(--y) * 100%);left:calc(var(--x) * 100%);width:calc(var(--hz-canvas-w,1) * 100%);height:calc(var(--h) * 100%);opacity:0;-webkit-mask-image:linear-gradient(to bottom, #000 calc((.66 - var(--y)) / var(--h) * 100%), transparent calc((.98 - var(--y)) / var(--h) * 100%));mask-image:linear-gradient(to bottom, #000 calc((.66 - var(--y)) / var(--h) * 100%), transparent calc((.98 - var(--y)) / var(--h) * 100%));position:absolute}.hz-earth-canvas[data-live]{opacity:1}.hz-sun{top:var(--hz-sun-y);left:var(--hz-sun-x);aspect-ratio:1;background:radial-gradient(circle,#fff 0 40%,#fff1d6 55%,#ffc48c8c 70%,#0000 72%);border-radius:50%;width:2.4%;position:absolute;transform:translate(-50%,-64%)}.hz-glow{pointer-events:none;position:absolute;inset:0}.hz-flare{top:var(--hz-sun-y);left:var(--hz-sun-x);aspect-ratio:1;mix-blend-mode:screen;background:radial-gradient(closest-side,#fff4e2e6,#ffbc826b 7%,#ff8c5a29 26%,#0000 72%);width:64%;position:absolute;transform:translate(-50%,-50%)}.hz-flare:before{width:85%;height:1.2%;transform:translate(-50%, -50%) rotate(var(--hz-streak-angle));content:"";background:radial-gradient(closest-side,#fffaf0e6,#ffbe8c4d 30%,#0000);position:absolute;top:50%;left:50%}.hz-limb-glow{top:calc(var(--hz-crest-y) - 12%);opacity:0;pointer-events:none;background:radial-gradient(ellipse 34% 30% at var(--hz-sun-x) calc((var(--hz-sun-y) - var(--hz-crest-y) + 12%) * 100 / 30), #ffd6aa6b, #ffaa781f 55%, transparent), radial-gradient(ellipse 62% 36.6% at 50% 40%, #aacdff42, #78a0ff0f 60%, transparent);height:30%;position:absolute;left:0;right:0}.hz-hero{grid-template-rows:auto 1fr;height:auto;min-height:max(100svh,34rem);padding-bottom:6rem;display:grid;position:relative}.hz-copy{margin-inline:var(--space-gutter);height:auto;min-height:var(--hz-horizon);max-width:var(--page-max);flex-direction:column;justify-content:flex-end;padding-block:clamp(5rem,14svh,12rem) 3rem;display:flex;position:relative;top:0}.hz-wordmark{font-size:var(--hz-display);letter-spacing:-.025em;line-height:.94}.hz-wordmark-line{display:block}.hz-wordmark .hz-wordmark-accent{color:var(--color-paper);padding-left:.9em}.hz-tagline{max-width:40ch;padding-left:calc(var(--hz-display) * .9);color:var(--color-paper);font-family:var(--font-display);font-size:var(--text-title);font-style:italic;line-height:var(--text-title--line-height);margin-top:clamp(1.25rem,3svh,2rem)}.hz-positioning{max-width:40ch;padding-left:calc(var(--hz-display) * .9);color:var(--color-paper-soft);font-size:var(--text-meta);margin-top:.9rem;line-height:1.5}.hz-cue-row{padding:1.5rem var(--space-gutter) 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:-3rem;display:flex}.hz-scroll-cue{z-index:202;bottom:max(1.5rem, env(safe-area-inset-bottom));color:var(--color-paper-soft);font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:.12em;flex-direction:column;align-items:flex-start;gap:.75rem;display:flex;position:sticky}@media (max-width:47.99rem){.hz-wordmark .hz-wordmark-accent{padding-left:.6em}.hz-tagline,.hz-positioning{padding-left:0}}@media (prefers-reduced-motion:no-preference){.hz-rise{animation:hz-rise 2.6s var(--ease-out-expo) both}.hz-sun{animation:2s cubic-bezier(.22,1,.36,1) .7s both hz-crest}.hz-flare{animation:2.4s ease-out .9s both hz-bloom}.hz-wordmark-line,.hz-tagline,.hz-positioning{animation:1.4s cubic-bezier(.22,1,.36,1) .5s both hz-surface}.hz-wordmark .hz-wordmark-accent{animation-delay:.7s}.hz-tagline{animation-delay:1s}.hz-positioning{animation-delay:1.15s}.hz-earth-canvas[data-live]{transition:opacity .6s linear}.hz-rise:has(.hz-earth-canvas[data-live]) .hz-earth-img{opacity:0;transition:opacity 0s linear .7s}}@media (prefers-reduced-motion:no-preference) and (min-height:34rem) and (min-width:22.5rem){:where([data-boot=pending],[data-boot=flight]) .hz-sky{height:auto;min-height:0;inset:0;-webkit-mask-image:none;mask-image:none}:where([data-boot=pending],[data-boot=flight]) .hz-sky:after{z-index:201;background:linear-gradient(to bottom, transparent, var(--color-night));height:20%;opacity:var(--limb-opacity,1);content:"";position:absolute;inset:auto 0 0}:where([data-boot=pending],[data-boot=flight]) .hz-earth-img{transform-origin:var(--hz-earth-centre);will-change:transform}:where([data-boot=pending],[data-boot=flight]) .hz-scroll-cue{bottom:auto;top:calc(var(--hz-horizon) - 1.25rem);left:var(--space-gutter);position:absolute}@media (orientation:portrait){:where([data-boot=pending],[data-boot=flight]) .hz-scroll-cue{top:calc(var(--hz-horizon) - 2.5rem)}:where([data-boot=pending],[data-boot=flight]) .hz-scroll-cue .dz-cue__line{height:min(2.75rem,3svh)}}:where([data-boot=pending],[data-boot=flight]) .hz-hero[data-flight=exit] .hz-scroll-cue,:where([data-boot=pending],[data-boot=flight]) .hz-hero[data-flight=gone] .hz-scroll-cue{visibility:hidden}:where([data-boot=pending],[data-boot=flight]) .dz-plane.hz-hero{height:auto;min-height:0;padding:0;display:block}:where([data-boot=pending],[data-boot=flight]) .hz-copy{inset-inline:var(--space-gutter);height:var(--hz-horizon);min-height:0;transform-origin:50% var(--eye-y);animation:hz-push 3s var(--ease-out-expo) both;margin-inline:0;padding-block:0 clamp(2.5rem,9svh,6rem);position:absolute}@media (orientation:landscape){:where([data-boot=pending],[data-boot=flight]) .hz-copy{padding-bottom:clamp(2.5rem,7svh,6rem)}}}@media (max-height:33.99rem){.dolly{--hz-horizon:74svh}.hz-hero{height:auto;min-height:34rem}.hz-copy{height:auto;min-height:calc(var(--hz-horizon) - 1.5rem);padding-block:5rem 0;position:relative}.hz-cue-row{margin-top:0}}@media (max-height:30rem){.dolly{--hz-display:clamp(3rem, 15svh, 10rem)}.hz-positioning{display:none}.hz-tagline{margin-top:.75rem}}@media (prefers-reduced-motion:reduce){@media (max-width:47.99rem){.hz-wordmark .hz-wordmark-accent{padding-left:0}}}@keyframes hz-push{0%{transform:scale(.73)}}@keyframes hz-rise{0%{transform:translateY(36%)rotate(-6deg)}}@keyframes hz-crest{0%{opacity:0;transform:translate(-50%,-64%)translateY(160%)scale(.6)}30%{opacity:1}}@keyframes hz-bloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}}@keyframes hz-surface{0%{opacity:0;transform:translateY(.35em)}}
.dz-departure{isolation:isolate;text-align:center;place-items:center;height:100lvh;display:grid;position:relative;overflow:clip}.dz-plate{z-index:-1;pointer-events:none;position:absolute;inset:0}.dz-plate__image{object-fit:cover;object-position:75% 30%;width:100%;height:100%;display:block}.dz-plate:after{content:"";background:linear-gradient(#03050b00 calc(100% - 10rem),#03050be6);position:absolute;inset:0}.dz-finale{max-width:100%;padding:2rem var(--space-gutter);flex-direction:column;align-items:center;display:flex;position:relative}.dz-finale:before{z-index:-1;content:"";background:radial-gradient(closest-side,#03050bb8 45%,#03050b8c 65%,#03050b3d 84%,#03050b00);position:absolute;inset:-3rem -2rem}.dz-finale__heading{max-width:10ch;font-size:var(--text-hero);line-height:var(--text-hero--line-height);text-wrap:balance}.dz-finale__email,.dz-finale__signoff{text-shadow:0 0 .5rem #03050be6}.dz-finale__email{max-width:100%;font-family:var(--font-display);font-size:min(var(--text-title), 6.3vw);font-style:italic;line-height:var(--text-title--line-height);overflow-wrap:anywhere;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.2em;margin-top:1.75rem;padding-block:.5rem;transition:color .18s;display:inline-block}.dz-finale__email:hover{color:var(--color-accent)}.dz-finale__email-end{white-space:nowrap}.dz-finale__arrow{color:var(--color-accent);vertical-align:.02em;margin-left:.2em;font-size:.85em;font-style:normal}.dz-finale__signoff{color:var(--color-paper-soft);font-size:var(--text-meta);letter-spacing:.02em;margin-top:clamp(2rem,6svh,3.5rem);line-height:1.5}body:has(.dz-departure)>.site-footer{background:0 0;border-top-color:#0000;position:absolute;bottom:0;left:0;right:0}body:has(.dz-departure)>.site-footer .site-footer__link{color:var(--color-paper-soft)}body:has(.dz-departure)>.site-footer .site-footer__link:hover{color:var(--color-paper)}@media (max-height:30rem){.dz-finale{padding-block:0}.dz-finale__heading{max-width:none;font-size:min(var(--text-hero), 14svh)}.dz-finale__email{font-size:min(var(--text-title), 6.3vw, 6svh);margin-top:2svh}.dz-finale__signoff{font-size:min(var(--text-meta), 4.4svh);margin-top:4svh}}.dz-warp{display:none}@media (prefers-reduced-motion:no-preference) and (min-height:34rem) and (min-width:22.5rem){:where([data-boot=pending],[data-boot=flight]) .dz-plane.dz-departure{z-index:1;align-content:center;place-items:center;height:auto;padding:0;position:absolute;inset:0}:where([data-boot=pending],[data-boot=flight]) .dz-plate{opacity:var(--plate,0);transform:scale(var(--plate-scale,1))}:where([data-boot=pending],[data-boot=flight]) .dz-finale{opacity:var(--statement,0)}body:has(.dolly[data-arriving])>.site-footer{opacity:0;visibility:hidden}body:has(.dz-departure)>.site-footer{transition:opacity .6s}:where([data-boot=pending],[data-boot=flight]) .dz-warp[data-warp]{z-index:2;pointer-events:none;width:100%;height:100%;transform-origin:50% var(--eye-y);display:block;position:absolute;inset:0}}
.dolly :is(h1,h2,h3,p,a){overflow-wrap:anywhere}.dolly .dz-leaf{min-width:0}.dz-project-door{border-block:1px solid var(--color-line-strong);max-width:36rem;min-height:4.5rem;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:.75em;padding-block:1.25rem;font-size:clamp(1.75rem,1.25rem + 1.4vw,2.75rem);line-height:1.2;text-decoration:none;display:flex}.dz-project-door .cue-arrow{color:var(--color-accent)}.dz-cue{color:var(--color-paper-soft);font-size:var(--text-label);letter-spacing:.06em;flex-direction:column;align-items:center;gap:.75rem;margin-top:clamp(1.5rem,4svh,2.5rem);line-height:1.5;display:flex}.dz-cue__line{width:1px;height:2.75rem;position:relative}.dz-cue__line:after{background:linear-gradient(var(--color-accent) 55%, #ff8c5a00);content:"";transform-origin:50% 0;position:absolute;inset:0}.dz-projects__cue{grid-column:1/-1;justify-self:center}@media (prefers-reduced-motion:no-preference){.dz-cue__line:after{animation:dz-cue-draw 3.2s var(--ease-out-soft) infinite}}@keyframes dz-cue-draw{0%{opacity:1;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}80%,to{opacity:0;transform:scaleY(1)}}.dz-num{color:var(--color-accent);font-family:var(--font-display);font-size:1.5rem;font-style:italic;line-height:1}.dz-num:after{vertical-align:middle;background:var(--color-line-strong);content:"";width:4rem;height:1px;margin-left:1rem;display:inline-block}.dz-areas{padding-top:clamp(3rem,6vw,5rem)}.dz-area-plane+.dz-area-plane{margin-top:clamp(3.5rem,7vw,7rem)}.dz-area{position:relative}.dz-area__title{margin-top:1rem;font-size:clamp(2.25rem,1.3rem + 3vw,4.5rem);line-height:1.04}.dz-area__summary{max-width:34ch;color:var(--color-paper-soft);font-size:var(--text-lede);line-height:var(--text-lede--line-height);margin-top:1rem}.dz-area__link{text-decoration:none}.dz-area__link:after{content:"";position:absolute;inset:0}.dz-area__link:focus-visible{outline:none}.dz-area:has(.dz-area__link:focus-visible){outline:3px solid var(--color-accent);outline-offset:6px}@media (min-width:48rem){.dz-area[data-align=right]{grid-column:6/-1}}@media (min-width:64rem){.dz-area[data-align=right]{grid-column:7/-1}}@media (prefers-reduced-motion:no-preference) and (min-height:34rem) and (min-width:22.5rem){:where([data-boot=pending],[data-boot=flight]) .dz-areas{padding:0}:where([data-boot=pending],[data-boot=flight]) .dz-area-plane+.dz-area-plane{margin-top:0}:where([data-boot=pending],[data-boot=flight]) .dz-cue{opacity:var(--cue,1);margin-top:clamp(1rem,3svh,2.5rem)}:where([data-boot=pending],[data-boot=flight]) .dz-cue__line{height:min(2.75rem,5svh)}:where([data-boot=pending],[data-boot=flight]) .dz-plane.dz-projects{--cue-room:calc(var(--text-label) * 1.5 + .75rem + min(2.75rem, 5svh) + clamp(1rem, 3svh, 2.5rem));padding-bottom:calc(100svh - var(--crest) + var(--zone-gap) + var(--cue-room));grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);align-content:end;row-gap:0}:where([data-boot=pending],[data-boot=flight]) .dz-projects>.dz-leaf{grid-row:2}:where([data-boot=pending],[data-boot=flight]) .dz-projects__cue{inset-inline:0;bottom:calc(100svh - var(--crest) + var(--zone-gap));margin-top:0;position:absolute}:where([data-boot=pending],[data-boot=flight]) .dz-plane:not([data-present]) .dz-cue__line:after,:where([data-boot=pending],[data-boot=flight]) .dz-cue[data-gone] .dz-cue__line:after{animation-play-state:paused}:where([data-boot=pending],[data-boot=flight]) .dz-statement{font-size:min(clamp(2.75rem,1.2rem + 5.4vw,8rem),7.5svh)}:where([data-boot=pending],[data-boot=flight]) .chapter-mark:has(+.dz-statement){margin-bottom:1.5rem}@media (min-width:48rem){:where([data-boot=pending],[data-boot=flight]) .dz-studio__intro{grid-column:6/span 6;max-width:46ch;margin-top:2rem}}@media (min-width:48rem) and (max-width:89.99rem){:where([data-boot=pending],[data-boot=flight]) .dz-studio__intro{grid-column:5/span 7}}@media (min-width:48rem) and (max-width:79.99rem){:where([data-boot=pending],[data-boot=flight]) .dz-studio__intro{grid-column:3/span 9}}@media (max-width:47.99rem){:where([data-boot=pending],[data-boot=flight]) .dz-plane .text-lede{font-size:1.125rem;line-height:1.5}:where([data-boot=pending],[data-boot=flight]) .dz-studio__intro{margin-top:1.75rem}:where([data-boot=pending],[data-boot=flight]) .dz-display{margin-top:1.25rem}:where([data-boot=pending],[data-boot=flight]) .dz-display+.text-lede{margin-top:1rem}:where([data-boot=pending],[data-boot=flight]) .dz-projects .dz-project-door{padding-block:.75rem}}@media (min-width:48rem) and (max-height:50rem){:where([data-boot=pending],[data-boot=flight]) .dz-caps__heading{font-size:min(var(--text-display), 9svh)}:where([data-boot=pending],[data-boot=flight]) .dz-caps__heading~p{margin-top:1rem}}@media (min-width:48rem) and (max-height:60rem){:where([data-boot=pending],[data-boot=flight]) .dz-plane.dz-projects{--cue-room:calc(var(--text-label) * 1.5 + .75rem + min(2.75rem, 5svh) + 3.5rem)}:where([data-boot=pending],[data-boot=flight]) .dz-projects .dz-display{margin-top:1.25rem}:where([data-boot=pending],[data-boot=flight]) .dz-projects .dz-display+.text-lede{margin-top:1rem}:where([data-boot=pending],[data-boot=flight]) .dz-projects .dz-project-door{min-height:3.5rem;padding-block:.75rem}}@media (min-width:48rem) and (max-height:49.99rem){:where([data-boot=pending],[data-boot=flight]) .dz-projects .dz-display{font-size:min(var(--text-display), 9svh)}:where([data-boot=pending],[data-boot=flight]) .dz-projects .text-lede{font-size:1.25rem;line-height:1.5}:where([data-boot=pending],[data-boot=flight]) .dz-projects .dz-project-door{margin-top:.5em}}}
