/* GENERATED from tokens.json by tokens-from-page/bin/tokens-css.mjs - do not edit by hand.
   Every number and colour of the page lives once, in tokens.json; this file is its CSS. */
:root{
  --frame-unit:calc(100vw / 1568);
  --font-body:Aspekta, system-ui, sans-serif;
  --font-display:"Cormorant Garamond", serif;
  --size-16u:calc(16 * var(--frame-unit));
  --size-22u:calc(22 * var(--frame-unit));
  --size-28u:calc(28 * var(--frame-unit));
  --size-38u:calc(38 * var(--frame-unit));
  --size-62u:calc(62 * var(--frame-unit));
  --size-73u:calc(73 * var(--frame-unit));
  --size-150u:calc(150 * var(--frame-unit));
  --size-15-5px:15.5px;
  --size-20px:20px;
  --size-34px:34px;
  --size-40px:40px;
  --size-44px:44px;
  --size-19vw:19vw;
  --line-height-90:0.9;
  --line-height-100:1;
  --line-height-110:1.1;
  --line-height-142:1.42;
  --line-height-145:1.45;
  --line-height-150:1.5;
  --line-height-32u:calc(32 * var(--frame-unit));
  --line-height-84u:calc(84 * var(--frame-unit));
  --line-height-88u:calc(88 * var(--frame-unit));
  --line-height-56px:56px;
  --weight-250:250;
  --weight-300:300;
  --weight-400:400;
  --weight-600:600;
  --tracking-0:0;
  --tracking-6:0.06em;
  --tracking-18:0.18em;
  --tracking-20:0.2em;
  --space-4u:calc(4 * var(--frame-unit));
  --space-8u:calc(8 * var(--frame-unit));
  --space-16u:calc(16 * var(--frame-unit));
  --space-24u:calc(24 * var(--frame-unit));
  --space-32u:calc(32 * var(--frame-unit));
  --space-42u:calc(42 * var(--frame-unit));
  --space-48u:calc(48 * var(--frame-unit));
  --space-64u:calc(64 * var(--frame-unit));
  --space-96u:calc(96 * var(--frame-unit));
  --space-128u:calc(128 * var(--frame-unit));
  --space-150u:calc(150 * var(--frame-unit));
  --space-160u:calc(160 * var(--frame-unit));
  --space-4px:4px;
  --space-6px:6px;
  --space-8px:8px;
  --space-10px:10px;
  --space-12px:12px;
  --space-14px:14px;
  --space-16px:16px;
  --space-24px:24px;
  --space-32px:32px;
  --space-44px:44px;
  --space-48px:48px;
  --space-56px:56px;
  --space-70px:70px;
  --space-96px:96px;
  --space-128px:128px;
  --space-18vh:18vh;
  --space-24vh:24vh;
  --space-28vh:28vh;
  --space-100dvh:100dvh;
  --space-0:0;
  --height-100dvh:100dvh;
  --height-200dvh:200dvh;
  --width-420u:calc(420 * var(--frame-unit));
  --width-620u:calc(620 * var(--frame-unit));
  --width-640u:calc(640 * var(--frame-unit));
  --width-760u:calc(760 * var(--frame-unit));
  --width-1060u:calc(1060 * var(--frame-unit));
  --width-20-5em:20.5em;
  --width-none:none;
  --rule-1px:1px;
  --rule-2px:2px;
  --radius-8px:8px;
  --radius-999px:999px;
  --blur-0-7px:0.7px;
  --blur-5px:5px;
  --blur-8px:8px;
  --blur-14px:14px;
  --blur-22px:22px;
  --blur-32px:32px;
  --duration-450:450ms;
  --duration-600:600ms;
  --easing-breath-in:cubic-bezier(.16,.08,.22,1);
  --easing-snap:cubic-bezier(.165,.84,.44,1);
  --color-dark:#222;
  --color-paper:oklch(0.955 0.013 82);
  --color-ink:oklch(0.24 0.012 60);
  --color-fire:oklch(0.5 0.17 22);
  --color-fire-55:oklch(0.55 0.14 30);
  --color-fire-60:oklch(0.6 0.12 40);
  --color-white:#fff;
  --color-black:#000;
  --color-gray-57:#7b7a76;
  --alpha-0:0;
  --alpha-6:0.06;
  --alpha-9:0.09;
  --alpha-10:0.1;
  --alpha-11:0.11;
  --alpha-13:0.13;
  --alpha-24:0.24;
  --alpha-40:0.4;
  --alpha-42:0.42;
  --alpha-50:0.5;
  --alpha-60:0.6;
  --alpha-70:0.7;
  --alpha-75:0.75;
  --alpha-80:0.8;
  --alpha-85:0.85;
  --alpha-90:0.9;
  --alpha-94:0.94;
  --layer-0:0;
  --layer-1:1;
  --layer-2:2;
  --layer-10:10;
  --layer-11:11;
  --layer-30:30;
  --layer-900:900;
  --layer-1000:1000;
  --share-58:58%;
  --duration-1500:1500ms;
  --layer-1100:1100;
  --space-28u:calc(28 * var(--frame-unit));
  --space-12u:calc(12 * var(--frame-unit));
  --width-96u:calc(96 * var(--frame-unit));
  --width-96px:96px;
  --size-18u:calc(18 * var(--frame-unit));
  --size-14px:14px;
  --layer-40:40;
  --duration-700:700ms;
  --duration-250:250ms;
  --ratio-90:0.9;
  --ratio-80:0.8;
  --width-20ch:20ch;
  --space-64px:64px;
  --layer-3:3;
  --space-40u:calc(40 * var(--frame-unit));
  --space-12vh:12vh;
  --easing-in-cubic:cubic-bezier(.32,0,.67,0);
  --easing-out-cubic:cubic-bezier(.33,1,.68,1);
  --duration-1400:1400ms;
  --ground-dark:var(--color-dark);
  --ground-paper:var(--color-paper);
  --text-on-dark:var(--color-white);
  --text-on-paper:var(--color-ink);
  --accent-fire:var(--color-fire);
  --hairline-on-dark:var(--color-white);
  --hairline-on-paper:var(--color-ink);
  --hairline:var(--rule-1px);
  --fire-line:var(--rule-2px);
  --card-corner:var(--radius-8px);
  --client-name-alpha:var(--alpha-60);
  --door-line-alpha:var(--alpha-40);
  --footnote-alpha:var(--alpha-50);
  --footnote-hover-alpha:var(--alpha-80);
  --doors-dim-alpha:var(--alpha-24);
  --doors-dim-blur:var(--blur-0-7px);
  --story-head-blur:var(--blur-5px);
  --caret-alpha:var(--alpha-75);
  --menu-small-alpha:var(--alpha-50);
  --scrim-alpha:var(--alpha-80);
  --page-margin:var(--space-42u);
  --about-indent:var(--space-150u);
  --screen:var(--height-100dvh);
  --section-air:var(--space-160u);
  --about-air-top:var(--space-28vh);
  --about-air-bottom:var(--space-24vh);
  --closing-words-floor:var(--space-128u);
  --footnote-floor:var(--space-32u);
  --about-pull-up:var(--space-100dvh);
  --closing-track:var(--height-200dvh);
  --window-air-top:var(--space-48u);
  --window-air-bottom:var(--space-48u);
  --window-first-air-top:var(--space-8u);
  --window-name-lift:var(--space-4u);
  --window-name-gap:var(--space-0);
  --window-line-drop:var(--space-16u);
  --window-name-column:var(--width-420u);
  --window-text-column:var(--width-640u);
  --pointer-step:var(--space-8u);
  --story-gap:var(--space-96u);
  --story-indent-step:var(--space-70px);
  --story-width:var(--width-1060u);
  --client-name-gap:var(--space-16u);
  --menu-small-gap:var(--space-48u);
  --menu-small-air:var(--space-64u);
  --menu-small-line-gap:var(--space-4u);
  --menu-small-stack-gap:var(--space-14px);
  --menu-small-rise:var(--space-10px);
  --subtitle-air:var(--space-24u);
  --plain-line-gap:var(--space-16u);
  --plain-grid-row-gap:var(--space-48u);
  --plain-grid-column-gap:var(--space-32u);
  --plain-grid-air:var(--space-64u);
  --card-name-gap:var(--space-16u);
  --about-width:var(--width-none);
  --about-text-width:var(--width-640u);
  --about-headline-width:var(--width-20ch);
  --about-headline-gap:var(--space-32u);
  --about-paragraph-gap:var(--space-24u);
  --aurora-blur:var(--blur-32px);
  --closing-headline-gap:var(--space-24u);
  --closing-text-width:var(--width-620u);
  --closing-text-gap:var(--space-48u);
  --doors-gap:var(--space-16u);
  --door-line-gap:var(--space-4u);
  --footnote-gap:var(--space-32u);
  --copyright-gap:var(--space-8u);
  --hero-words-width:var(--width-760u);
  --phone-text-width:var(--width-20-5em);
  --thaw-rise:var(--space-14px);
  --thaw-blur:var(--blur-8px);
  --develop-blur:var(--blur-14px);
  --layer-header:var(--layer-1000);
  --layer-menu:var(--layer-900);
  --layer-menu-curtain:var(--layer-1);
  --layer-menu-words:var(--layer-2);
  --layer-scene:var(--layer-10);
  --layer-scene-canvas:var(--layer-1);
  --layer-stripes:var(--layer-30);
  --layer-plain:var(--layer-2);
  --layer-paper-after-helix:var(--layer-11);
  --layer-about-cloud:var(--layer-0);
  --layer-about-words:var(--layer-1);
  --mask-show:var(--color-black);
  --hero-photo-width:116.84%;
  --hero-photo-left:0;
  --hero-photo-top:0;
  --hero-mark-top:calc(43.16 * var(--frame-unit));
  --hero-rule-top:calc(105 * var(--frame-unit));
  --hero-words-mid:calc(346.65 * var(--frame-unit));
  --hero-words-floor:var(--space-44px);
  --hero-eyebrow-gap:var(--space-8u);
  --hero-headline-gap:var(--space-8u);
  --scrim-width:calc(516.5 * var(--frame-unit));
  --scrim-height:calc(385 * var(--frame-unit));
  --scrim-x:calc(151.5 * var(--frame-unit));
  --scrim-y:calc(259 * var(--frame-unit));
  --scrim-core-alpha:var(--alpha-90);
  --scrim-phone-stop-1:40%;
  --scrim-phone-stop-2:68%;
  --scrim-phone-alpha-1:var(--alpha-50);
  --scrim-phone-alpha-2:var(--alpha-70);
  --scrim-phone-pool:140vw 58vh at 10vw 82vh;
  --burger-length:calc(34 * var(--frame-unit));
  --burger-weight:calc(3 * var(--frame-unit));
  --burger-offset:calc(9 * var(--frame-unit));
  --burger-middle:0.8;
  --burger-right:var(--page-margin);
  --burger-anchor:calc(82.7 * var(--frame-unit));
  --lang-switch-gap:var(--space-40u);
  --burger-end:var(--radius-999px);
  --closing-photo-left:-6%;
  --closing-photo-width:130%;
  --closing-photo-height:100%;
  --closing-photo-focus:50% 30%;
  --veil-pool:ellipse 95% 125% at -12% 68%;
  --veil-core-alpha:var(--alpha-94);
  --veil-mid-alpha:var(--alpha-70);
  --veil-stop-mid:38%;
  --veil-stop-end:80%;
  --aurora-right:-26%;
  --aurora-top:20vh;
  --aurora-width:112%;
  --aurora-height:92%;
  --aurora-band-1-angle:74deg;
  --aurora-band-1-lit:0 44px;
  --aurora-band-1-dark:138px 224px;
  --aurora-band-1-color:var(--accent-fire);
  --aurora-band-1-alpha:var(--alpha-13);
  --aurora-band-2-angle:56deg;
  --aurora-band-2-lit:0 62px;
  --aurora-band-2-dark:178px 296px;
  --aurora-band-2-color:var(--color-fire-55);
  --aurora-band-2-alpha:var(--alpha-11);
  --aurora-band-3-angle:88deg;
  --aurora-band-3-lit:0 34px;
  --aurora-band-3-dark:116px 250px;
  --aurora-band-3-color:var(--color-fire-60);
  --aurora-band-3-alpha:var(--alpha-9);
  --aurora-pool:ellipse 54% 58% at 74% 30%;
  --aurora-pool-alpha:var(--alpha-10);
  --aurora-pool-end:76%;
  --aurora-mask:ellipse 78% 70% at 82% 26%;
  --aurora-mask-mid-alpha:var(--alpha-42);
  --aurora-mask-mid:56%;
  --aurora-mask-top:18%;
  --helix-rail:var(--color-gray-57);
  --helix-card-aspect:0.625;
  --stripe-overlap:var(--rule-1px);
  --case-stage-share:var(--share-58);
  --case-column-gap:var(--space-64u);
  --case-stage-ground-alpha:var(--alpha-6);
  --case-slide-duration:var(--duration-450);
  --case-thumb-gap:var(--space-8u);
  --case-thumb-air:var(--space-16u);
  --case-thumb-corner:var(--radius-8px);
  --case-thumb-alpha:var(--alpha-50);
  --case-thumb-line-drop:var(--space-4u);
  --case-essay-width:var(--width-620u);
  --case-essay-lift:var(--space-8u);
  --case-eyebrow-gap:var(--space-16u);
  --case-name-gap:var(--space-24u);
  --case-line-gap:var(--space-16u);
  --case-quote-air:var(--space-48u);
  --case-doors-air:var(--space-48u);
  --case-back-top:var(--space-28u);
  --case-top:var(--space-128u);
  --case-flight-duration:var(--duration-1500);
  --layer-case:var(--layer-40);
  --layer-case-flight:var(--layer-1100);
  --case-back-gap:var(--space-12u);
  --case-back-arrow:var(--size-18u);
  --case-thumb-width:var(--width-96u);
  --layer-case-back:var(--layer-3);
  --layer-case-slide:var(--layer-1);
  --case-thaw-duration:var(--duration-700);
  --case-thaw-step:var(--duration-250);
  --wordmark-rule-ratio:5.8;
  --tap-pad:var(--space-12px);
  --story-enter-line:var(--ratio-90);
  --lang-switch-anchor:calc(83.39 * var(--frame-unit));
  --story-write-span:var(--ratio-80);
  --case-text-air:var(--space-32px);
  --case-head-height:var(--space-64px);
  --case-head-blur:var(--blur-14px);
  --case-head-alpha:var(--alpha-70);
  --layer-case-head:var(--layer-2);
  --mark-pass-duration:var(--duration-1400);
  --mark-pass-leave-easing:var(--easing-in-cubic);
  --mark-pass-return-easing:var(--easing-out-cubic);
  --wordmark-font:var(--font-display);
  --wordmark-size:var(--size-62u);
  --wordmark-weight:var(--weight-300);
  --wordmark-line-height:var(--line-height-100);
  --hero-display-font:var(--font-display);
  --hero-display-size:var(--size-73u);
  --hero-display-weight:var(--weight-300);
  --hero-display-line-height:var(--line-height-88u);
  --hero-display-tracking:var(--tracking-0);
  --eyebrow-font:var(--font-body);
  --eyebrow-size:var(--size-16u);
  --eyebrow-weight:var(--weight-250);
  --eyebrow-line-height:var(--line-height-100);
  --eyebrow-tracking:var(--tracking-18);
  --menu-word-font:var(--font-display);
  --menu-word-size:var(--size-62u);
  --menu-word-weight:var(--weight-300);
  --menu-word-line-height:var(--line-height-84u);
  --menu-word-tracking:var(--tracking-0);
  --window-name-font:var(--font-display);
  --window-name-size:var(--size-62u);
  --window-name-weight:var(--weight-300);
  --window-name-line-height:var(--line-height-32u);
  --window-name-tracking:var(--tracking-0);
  --body-default-font:var(--font-body);
  --body-default-size:var(--size-22u);
  --body-default-weight:var(--weight-250);
  --body-default-line-height:var(--line-height-32u);
  --story-line-font:var(--font-body);
  --story-line-size:var(--size-38u);
  --story-line-weight:var(--weight-250);
  --story-line-line-height:var(--line-height-142);
  --story-line-tracking:var(--tracking-0);
  --small-font:var(--font-body);
  --small-size:var(--size-16u);
  --small-weight:var(--weight-250);
  --small-line-height:var(--line-height-100);
  --small-tracking:var(--tracking-6);
  --marquee-font:var(--font-display);
  --marquee-size:var(--size-150u);
  --marquee-weight:var(--weight-300);
  --marquee-line-height:var(--line-height-90);
  --marquee-tracking:var(--tracking-0);
  --plain-heading-font:var(--font-display);
  --plain-heading-size:var(--size-62u);
  --plain-heading-weight:var(--weight-300);
  --plain-heading-line-height:var(--line-height-100);
  --about-headline-font:var(--font-display);
  --about-headline-size:var(--size-62u);
  --about-headline-weight:var(--weight-600);
  --about-headline-line-height:var(--line-height-110);
  --about-headline-tracking:var(--tracking-0);
  --closing-headline-font:var(--font-display);
  --closing-headline-size:var(--size-62u);
  --closing-headline-weight:var(--weight-300);
  --closing-headline-line-height:var(--line-height-110);
  --about-accent-font:var(--font-display);
  --about-accent-weight:var(--weight-400);
  --about-accent-style:italic;
  --case-quote-font:var(--font-display);
  --case-quote-size:var(--size-28u);
  --case-quote-weight:var(--weight-300);
  --case-quote-line-height:var(--line-height-142);
  --hover-line-duration:var(--duration-450);
  --hover-line-easing:var(--easing-breath-in);
  --menu-turn-duration:var(--duration-600);
  --menu-turn-easing:var(--easing-snap)
}
@media (max-width:767px){:root{
  --scrim-alpha:var(--alpha-85);
  --page-margin:var(--space-24px);
  --about-indent:var(--space-24px);
  --section-air:var(--space-96px);
  --about-air-top:var(--space-12vh);
  --about-air-bottom:var(--space-18vh);
  --closing-words-floor:var(--space-128px);
  --footnote-floor:var(--space-24px);
  --window-air-top:var(--space-24px);
  --window-air-bottom:var(--space-32px);
  --window-first-air-top:var(--space-0);
  --window-name-lift:var(--space-0);
  --window-name-gap:var(--space-14px);
  --window-line-drop:var(--space-6px);
  --pointer-step:var(--space-8px);
  --story-gap:var(--space-48px);
  --story-indent-step:var(--space-0);
  --client-name-gap:var(--space-12px);
  --menu-small-air:var(--space-32px);
  --menu-small-line-gap:var(--space-4px);
  --menu-small-stack-gap:var(--space-24px);
  --subtitle-air:var(--space-16px);
  --plain-line-gap:var(--space-12px);
  --plain-grid-row-gap:var(--space-32px);
  --plain-grid-column-gap:var(--space-16px);
  --plain-grid-air:var(--space-48px);
  --card-name-gap:var(--space-8px);
  --about-text-width:var(--width-none);
  --about-headline-gap:var(--space-32px);
  --about-paragraph-gap:var(--space-16px);
  --aurora-blur:var(--blur-22px);
  --closing-headline-gap:var(--space-16px);
  --closing-text-width:var(--width-none);
  --closing-text-gap:var(--space-24px);
  --doors-gap:var(--space-12px);
  --footnote-gap:var(--space-16px);
  --thaw-rise:var(--space-10px);
  --hero-photo-width:202vw;
  --hero-photo-left:-66.7vw;
  --hero-photo-top:-78vw;
  --hero-mark-top:22px;
  --hero-rule-top:var(--space-56px);
  --hero-eyebrow-gap:var(--space-24px);
  --hero-headline-gap:var(--space-16px);
  --burger-length:22px;
  --burger-weight:2px;
  --burger-offset:5.5px;
  --burger-anchor:42.5px;
  --lang-switch-gap:var(--space-24px);
  --closing-photo-left:0%;
  --closing-photo-width:100%;
  --closing-photo-focus:62% 30%;
  --veil-pool:ellipse 200% 72% at 20% 100%;
  --veil-mid-alpha:var(--alpha-85);
  --veil-stop-mid:62%;
  --veil-stop-end:100%;
  --aurora-right:-40%;
  --aurora-width:170%;
  --case-column-gap:var(--space-32px);
  --case-thumb-gap:var(--space-8px);
  --case-thumb-air:var(--space-16px);
  --case-thumb-line-drop:var(--space-4px);
  --case-essay-lift:var(--space-0);
  --case-eyebrow-gap:var(--space-12px);
  --case-name-gap:var(--space-16px);
  --case-line-gap:var(--space-12px);
  --case-quote-air:var(--space-32px);
  --case-doors-air:var(--space-32px);
  --case-back-top:var(--space-24px);
  --case-top:var(--space-70px);
  --case-back-gap:var(--space-8px);
  --case-back-arrow:var(--size-14px);
  --case-thumb-width:var(--width-96px);
  --lang-switch-anchor:42.54px;
  --wordmark-size:var(--size-34px);
  --hero-display-size:var(--size-44px);
  --hero-display-line-height:var(--line-height-110);
  --eyebrow-size:var(--size-14px);
  --eyebrow-tracking:var(--tracking-20);
  --menu-word-size:var(--size-40px);
  --menu-word-line-height:var(--line-height-56px);
  --window-name-size:var(--size-34px);
  --window-name-line-height:var(--line-height-100);
  --body-default-size:var(--size-15-5px);
  --body-default-line-height:var(--line-height-145);
  --story-line-size:var(--size-20px);
  --story-line-line-height:var(--line-height-150);
  --small-size:var(--size-14px);
  --marquee-size:var(--size-19vw);
  --plain-heading-size:var(--size-34px);
  --about-headline-size:var(--size-34px);
  --closing-headline-size:var(--size-34px);
  --case-quote-size:var(--size-20px);
  --case-quote-line-height:var(--line-height-150)
}}
@media (min-width:768px) and (max-width:1100px){:root{
  --frame-unit:calc(1100px / 1568)
}}
@media (min-width:1920px){:root{
  --frame-unit:calc(1920px / 1568)
}}