@font-face{font-family:'Neue Montreal';src:url('./assets/NeueMontreal-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Neue Montreal';src:url('./assets/NeueMontreal-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Righteous;src:url('./assets/Righteous-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;background:#080808;color:#f4f3ef;font-family:'Neue Montreal',Arial,sans-serif;-webkit-font-smoothing:antialiased;font-synthesis:none;--accent:#A78BFA;--edge:clamp(24px,4.5vw,76px)}*{box-sizing:border-box}body{margin:0}::selection{background:var(--accent);color:#080808}a{color:inherit;text-underline-offset:5px}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}
.masthead{display:flex;align-items:center;justify-content:space-between;padding:28px var(--edge);max-width:1800px;margin:auto;border-bottom:1px solid #ffffff1c}.brand{display:flex;align-items:center;gap:10px;font:30px Righteous,sans-serif;letter-spacing:-.03em}.brand img{width:28px;height:35px}.domain{font-size:12px;letter-spacing:.06em;color:var(--accent)}
.hero{max-width:1800px;min-height:750px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;position:relative;padding:48px var(--edge) 62px;gap:32px;align-items:center}.statement{z-index:2}h1{font-size:clamp(46px,5.35vw,91px);line-height:1.015;font-weight:500;letter-spacing:-.035em;margin:0}.line{display:block}.quiet{color:inherit}.destination{color:var(--accent);white-space:nowrap;font-size:.84em;letter-spacing:-.035em}.period{color:var(--accent)}.film{height:100%;min-height:600px;position:relative;background:#0c0d0e;overflow:hidden;isolation:isolate}.orbital-art{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 35%,#20242a 0, #101215 40%,#08090b 78%);overflow:hidden}.planet{position:absolute;width:115%;aspect-ratio:1;left:15%;top:26%;border-radius:50%;background:radial-gradient(circle at 28% 20%,#32373d 0,#14171b 40%,#050609 69%);box-shadow:-3px -3px 2px #aaa, -13px -10px 28px #ffffff0e;transform:rotate(-24deg)}.planet:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 25px,#ffffff05 26px 27px,transparent 28px 44px);opacity:.65}.orbit{position:absolute;width:140%;height:65%;border:1px solid #ffffff24;border-radius:50%;left:-22%;top:22%;transform:rotate(-40deg);z-index:1}.orbit-two{width:175%;height:85%;left:-40%;top:12%;border-color:#ffffff10}.star{position:absolute;width:3px;height:3px;background:#dadada;border-radius:50%;box-shadow:0 0 10px #fff6}.star-one{left:20%;top:22%}.star-two{right:16%;top:12%;width:2px;height:2px}.flight-mark{position:absolute;z-index:2;width:54px;height:auto;left:20%;top:25%;transform:rotate(12deg);opacity:.9}
video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:0;transition:opacity 900ms cubic-bezier(.16,1,.3,1);z-index:3}video.is-playing{opacity:1}.film:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none;z-index:4}.film-bottom{position:absolute;z-index:5;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.credit{font-size:11px;color:#ddd;text-decoration:none;max-width:150px;line-height:1.5}.playback{margin-left:auto;min-width:44px;min-height:44px;display:flex;align-items:center;gap:8px;background:#080808dd;border:1px solid var(--accent);border-radius:0;color:#fff;padding:10px 12px;cursor:pointer;font-size:11px}.playback svg{width:14px;height:14px;stroke:var(--accent);stroke-width:1.6;fill:none}.play-icon{display:none}.playback[data-paused=true] .pause-icon{display:none}.playback[data-paused=true] .play-icon{display:block}.playback:active{background:#343434}
.partnership{max-width:1800px;margin:auto;padding:44px var(--edge) 52px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:25px}.partnership p{font-size:clamp(24px,2.8vw,46px);font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:0}.partnership p>span{color:var(--accent)}.partnership img{width:38px;height:auto;opacity:.6}
@media(prefers-reduced-motion:no-preference){.line{animation:reveal 650ms cubic-bezier(.16,1,.3,1) both}.line:nth-child(2){animation-delay:50ms}.line:nth-child(3){animation-delay:100ms}.line:nth-child(4){animation-delay:150ms}.line:nth-child(5){animation-delay:200ms}.line:nth-child(6){animation-delay:250ms}.film{animation:film-in 1100ms cubic-bezier(.16,1,.3,1) both}.orbital-art{animation:orbital-arrival 1400ms cubic-bezier(.16,1,.3,1) both}.partnership.revealed p{animation:reveal 650ms cubic-bezier(.16,1,.3,1) both}@keyframes reveal{from{opacity:0;transform:translateY(22px);clip-path:inset(0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes film-in{from{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes orbital-arrival{from{transform:scale(1.12)}to{transform:scale(1)}}}
@media(min-width:1600px){.hero{min-height:850px}}@media(max-width:1000px){.hero{grid-template-columns:1.25fr 1fr;gap:20px;min-height:630px;padding-block:40px}.film{min-height:500px}h1{font-size:clamp(43px,5.5vw,58px)}}@media(max-width:700px){.masthead{padding-block:22px}.brand{font-size:26px}.brand img{width:24px;height:30px}.domain{font-size:11px}.hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:32px;gap:32px;min-height:0}h1{font-size:clamp(42px,8.3vw,59px);line-height:1.04}.line:nth-child(1),.line:nth-child(2){display:inline}.line:nth-child(1):after{content:' '}.line:nth-child(3){margin-top:.02em}.destination{font-size:1em}.film{min-height:0;height:clamp(270px,65vw,420px)}.planet{width:100%;top:20%;left:25%}.flight-mark{left:25%;top:22%}.partnership{padding-block:30px}.partnership p{font-size:clamp(21px,4.3vw,29px)}.partnership img{width:25px}.film-bottom{bottom:14px;left:14px;right:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.statement,.film{min-width:0}@media(max-width:380px){h1{font-size:36px}.domain{display:none}.partnership p{font-size:20px}}

.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.85}

.contact{max-width:1800px;margin:auto;padding:22px var(--edge) 30px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:20px}.email-link{font-size:16px;text-decoration:none;color:var(--accent);min-height:44px;display:inline-flex;align-items:center}.linkedin-link{color:#f4f3ef;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.email-link:hover{text-decoration:underline}.linkedin-link:hover{color:var(--accent)}.contact{border-top-color:#A78BFA55}.linkedin-link{gap:12px;color:var(--accent);text-decoration:none}.linkedin-label{white-space:nowrap}.linkedin-link:hover{color:#f4f3ef}.linkedin-label{font-size:14px;letter-spacing:.01em;color:#bcbcbc}.linkedin-label b{font-weight:500;color:#f4f3ef}.linkedin-label i{font-style:normal;color:var(--accent);margin:0 .6em}@media(max-width:700px){.linkedin-label{font-size:13px}.linkedin-label i,.linkedin-role{display:none}}@media(max-width:380px){.linkedin-label{display:none}}

.company-logos{max-width:1800px;margin:auto;padding:38px var(--edge);border-top:1px solid #ffffff25}.logo-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:28px 36px;align-items:center}.logo-list li{flex:0 0 calc((100% - 144px)/5);height:62px;display:flex;align-items:center;justify-content:center}.logo-list img{display:block;width:100%;height:auto;max-height:44px;object-fit:contain;filter:brightness(0) invert(1)}.logo-asymm{max-width:150px}.logo-northwood{max-width:170px}.logo-xona{max-width:110px}.logo-vast{max-width:120px}@media(min-width:700px) and (max-width:999px){.logo-list li{flex-basis:calc((100% - 72px)/3)}}@media(max-width:699px){.company-logos{padding-block:26px}.logo-list{gap:18px 28px}.logo-list li{flex-basis:calc((100% - 28px)/2);height:58px}.logo-asymm{max-width:126px}.logo-northwood{max-width:142px}.logo-xona{max-width:92px}.logo-vast{max-width:104px}}

.logos-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.logos-heading h2{font-size:15px;font-weight:500;letter-spacing:.01em;margin:0}.logos-toggle{color:var(--accent);border:0;background:transparent;font:inherit;font-size:12px;min-width:44px;min-height:44px;cursor:pointer;padding:8px}.logos-toggle:hover{text-decoration:underline}.logo-list[aria-hidden="true"]{display:none}.logos-window{overflow:hidden}.logos-animated .logos-window{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.logos-animated .logo-track{display:flex;width:max-content;animation:logo-drift 36s linear infinite}.logos-animated .logo-list{display:flex;flex-wrap:nowrap;flex-shrink:0;width:clamp(950px,calc(100vw - var(--edge)*2),1648px);justify-content:space-around;gap:0;padding:0 20px}.logos-animated .logo-list li{flex:0 0 20%;height:70px;padding:0 20px}.logos-paused .logo-track,.logos-inactive .logo-track{animation-play-state:paused}.logos-window:focus-within .logo-track{animation-play-state:paused}@media(hover:hover) and (pointer:fine){.logos-window:hover .logo-track{animation-play-state:paused}}@keyframes logo-drift{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.logos-animated .logo-track{animation:none;display:block;width:auto}.logos-animated .logo-list{width:auto;flex-wrap:wrap;padding:0}.logos-animated .logo-list[aria-hidden="true"]{display:none}.logos-animated .logos-window{mask-image:none}.logos-toggle{display:none}}

/* Ruled, angled navigation inspired by the supplied reference. */
.masthead{align-items:center;gap:32px;padding-top:24px;padding-bottom:0}.masthead .brand{margin-bottom:0;flex-shrink:0}.navigator{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:auto;max-width:620px;min-width:0;flex:1}.nav-tab{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 16px 6px 8px;text-decoration:none;font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#f4f3ef;--tab-accent:var(--accent)}.nav-tab+.nav-tab{margin-left:-1px}.tab-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;fill:#080808;stroke:#ffffff80;stroke-width:1}.nav-tab:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--tab-accent);transform:scaleX(.45);transform-origin:right;transition:transform 180ms cubic-bezier(.16,1,.3,1)}.nav-tab:focus-visible{outline-color:var(--tab-accent);z-index:2}.nav-tab:focus-visible:after{transform:scaleX(1);transition:none}.nav-clients{--tab-accent:#67E8F9}.nav-candidates{--tab-accent:#86EFAC}.nav-zee{--tab-accent:#93C5FD}#clients{scroll-margin-top:24px}@media(hover:hover) and (pointer:fine){.nav-tab:hover:after{transform:scaleX(1)}.nav-tab:hover .tab-outline{stroke:var(--tab-accent)}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(max-width:900px){.masthead{gap:20px}.masthead .brand{font-size:26px}.nav-tab{font-size:11px;letter-spacing:.025em;padding-right:12px}}@media(max-width:740px){.masthead{display:flex;padding-top:20px;gap:16px}.masthead .brand{margin-bottom:0;font-size:24px}.nav-tab{min-height:48px;padding:12px 8px 4px 4px;font-size:11px;letter-spacing:0}.nav-tab:after{height:3px}}@media(max-width:539px){.masthead{padding-inline:16px;gap:10px}.masthead .brand span{display:none}.masthead .brand img{width:25px;height:32px}.nav-tab{font-size:11px;padding-right:6px}}

.logos-heading h2 span{color:var(--accent)}.logos-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#bcbcbc}.logos-toggle:hover{color:var(--accent)}.logos-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6}.logos-play-icon{display:none}.logos-toggle[data-paused="true"] .logos-pause-icon{display:none}.logos-toggle[data-paused="true"] .logos-play-icon{display:block}

.logo-list .logo-tomorrow{max-width:190px}
