@font-face{font-family:Space Grotesk;src:url('../fonts/space-grotesk-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('../fonts/instrument-serif-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('../fonts/instrument-serif-400-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Space Grotesk;src:url('../fonts/space-grotesk-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Space Grotesk;src:url('../fonts/space-grotesk-700.ttf') format('truetype');font-weight:700;font-display:swap}
.home-direction{--font:'Space Grotesk',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif;font-family:var(--font);font-weight:400;letter-spacing:-.025em}
.home-direction :is(button,input,textarea){font-family:var(--font)}
.home-direction :where(#home) :is(h1,h2,h3,h4){font-family:var(--font);letter-spacing:-.06em;font-weight:500}
.home-direction.project-open{--font:'Space Grotesk',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;letter-spacing:-.008em}
.home-direction :is(.software-heading em,.universe-art em,.universe-art--2>span){font-family:var(--serif);font-weight:400}
.home-direction :is(.hero__title em,.hero-word:nth-child(2),.menu-note em,.contact-studio__heading em,.identity-copy em,.identity-aa,.campaign-reveal em,.portal-welcome em){font-family:var(--serif);font-weight:400;letter-spacing:-.065em}
.home-direction .hero-new .hero__title{font-family:var(--font);font-weight:500;font-size:clamp(4rem,8.2vw,10.6rem);letter-spacing:-.065em;line-height:.96}
.home-direction .hero-new .hero__title em{font-size:.91em}
.home-direction :is(.eyebrow,.hero-coordinate,.matter-caption,.hero-bottom,.reach-heading,.identity-top,.software-footer,.contact-studio__top,.menu-top,.menu-bottom,.masthead-signature){font-family:'Courier New',monospace;letter-spacing:.1em}
.home-direction :is(.hero-new__bottom p,.software-intro p,.identity-copy p,.contact-intro>p){letter-spacing:-.015em;line-height:1.6}
.home-direction .work__title{font-family:var(--font);font-weight:500;letter-spacing:-.065em}
.home-direction .masthead-quick,.home-direction .masthead-tools{font-weight:500;letter-spacing:-.02em}
.home-direction .rail__label{display:none}
.home-direction .rcard__port{width:6px;height:6px;right:-3px;margin-top:-3px;background:#80bde9;box-shadow:0 0 0 3px #6ca9dc20,0 0 12px #80bde970}
@media(max-width:700px){.home-direction .rcard__port{top:0;left:50%;right:auto;margin-left:-3px}}
.home-direction .project-showcase h2{font-family:var(--font);letter-spacing:-.065em}
.home-direction .contact-studio__heading h2{line-height:1.06;font-weight:400}
.home-direction .rcard{font-family:var(--font);border-radius:20px;background:#eaf0f8;border:1px solid #779bc54d;padding:clamp(1.3rem,2.2vw,2.8rem);gap:1.1rem;color:#142b4b;box-shadow:0 22px 60px -40px #173e72}
.home-direction .reach__slot.is-capturing .rcard{background:#eaf0f8!important}
.home-direction .cap-top{padding-bottom:1rem;border-bottom:1px solid #274a7536;align-items:center;font-size:.58rem;font-weight:500;letter-spacing:.08em;color:#385775}
.home-direction .cap-top .rcard__n{font-family:'Courier New',monospace;font-size:.65rem;letter-spacing:.06em;color:#416789}
.home-direction .rcard__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:1.4rem;flex:1;min-height:0;margin:0}
.home-direction .rcard__text{display:flex;flex-direction:column;justify-content:center;padding:1rem 0}
.home-direction .rcard h3{font-family:var(--font);font-size:clamp(1.8rem,3.15vw,4rem);font-weight:500;letter-spacing:-.075em;line-height:1.02;margin:0 0 1.3rem}
.home-direction .rcard__text p{font-family:var(--font);font-size:clamp(.7rem,.85vw,.98rem);line-height:1.6;letter-spacing:-.025em;color:#4b617c;max-width:36ch}
.home-direction .rcard__art{position:relative;isolation:isolate;display:flex;min-height:190px;overflow:hidden;border-radius:3px;background:#152f53;color:#b4ddff;padding:1rem;background-image:radial-gradient(circle at 80% 20%,#4878ac60,transparent 65%),linear-gradient(#a3cdf00d 1px,transparent 1px),linear-gradient(90deg,#a3cdf00d 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}
.home-direction .rcard__art svg{position:relative;z-index:1;max-width:210px;width:100%;height:auto;aspect-ratio:1;filter:drop-shadow(0 0 10px #7ec1f438)}
.cap-art-index{position:absolute;left:12px;top:6px;color:#98c7f438;font-size:clamp(3rem,6vw,7rem);font-weight:400;letter-spacing:-.1em;line-height:1}
.cap-art-label{position:absolute;bottom:12px;left:12px;right:12px;font-family:'Courier New',monospace;font-size:.46rem;letter-spacing:.1em;color:#98b9d9;display:flex;justify-content:space-between}
.home-direction .cap-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;counter-reset:deliverable}
.home-direction .cap-deliverables>span{counter-increment:deliverable;border:0;border-top:1px solid #274a7536;background:none;border-radius:0;padding:.65rem 0 0;font-size:clamp(.5rem,.65vw,.7rem);letter-spacing:-.025em;color:#2a4b6d;line-height:1.4}
.home-direction .cap-deliverables>span::before{content:'0' counter(deliverable);display:block;font-family:'Courier New',monospace;font-size:.43rem;letter-spacing:.05em;color:#6e8aaa;margin-bottom:.3rem}
.home-direction .cap-outcome{border:0;padding:0;gap:.75rem;min-height:2rem}.home-direction .cap-outcome>span{display:grid;place-items:center;width:28px;height:28px;background:#cbdff3;border-radius:50%;color:#294f7b;font-size:1rem;flex-shrink:0}.home-direction .cap-outcome p{font-size:.63rem;line-height:1.4;letter-spacing:-.02em;color:#53708d;max-width:none}.home-direction .rcard__bar{height:1px;background:#a9bfd5}
.site-menu{background:#101f36;isolation:isolate;overscroll-behavior:contain}
.site-menu::backdrop{background:#08132470;backdrop-filter:blur(8px)}
.site-menu::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(circle at -8% 70%,transparent 36%,#90b4dc25 calc(36% + 1px),transparent calc(36% + 2px)),radial-gradient(circle at -8% 70%,#3f679620 43%,#87acd510 43% 50%,#87acd508 50% 57%,transparent 57%)}
.site-menu[open]{animation:menu-reveal .8s cubic-bezier(.22,1,.36,1) both}
.site-menu.is-closing{animation:menu-conceal .48s cubic-bezier(.64,0,.78,0) both;pointer-events:none}
.menu-body nav{perspective:900px}.menu-body nav a{font-family:var(--font);font-size:clamp(2rem,min(4vw,6vh),4.8rem);font-weight:400;letter-spacing:-.065em;line-height:1.08;padding:.6rem 0;overflow:hidden;position:relative;transition:color .25s,padding .4s var(--ease)}
.menu-body nav a>span{display:block;transform-origin:50% 100%;transition:transform .45s var(--ease)}
.site-menu[open]:not(.is-closing) .menu-body nav a>span{animation:menu-line-in .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.15s + var(--menu-order,0)*.055s)}
.menu-body nav a small{font-family:'Courier New',monospace;align-self:flex-start;padding-top:.65rem;font-size:.55rem;letter-spacing:.05em}
.menu-body nav a b{transition:transform .4s var(--ease),color .4s;font-size:1.4rem}
.menu-body nav a:is(:hover,:focus-visible){color:#aed8ff;padding-left:12px}.menu-body nav a:is(:hover,:focus-visible) b{transform:translate(-5px,-3px);color:#d7eeff}
.menu-note p{font-family:var(--font);font-size:clamp(2rem,4vw,4.6rem);font-weight:400;line-height:1.02;letter-spacing:-.065em}.menu-note em{font-style:italic;display:inline-block;margin-top:.15em}
.site-menu[open] .menu-note,.site-menu[open] .menu-top,.site-menu[open] .menu-bottom{animation:menu-detail-in .9s .2s both}
.menu-trigger i,.menu-close>span:last-child{transition:transform .5s var(--ease)}.menu-trigger:hover i{transform:rotate(180deg)}.menu-close:hover>span:last-child{transform:rotate(90deg)}
@keyframes menu-reveal{from{clip-path:circle(0% at 96% 4%)}to{clip-path:circle(145% at 96% 4%)}}
@keyframes menu-conceal{from{clip-path:circle(145% at 96% 4%)}to{clip-path:circle(0% at 96% 4%)}}
@keyframes menu-line-in{from{transform:translateY(115%) rotateX(-45deg) rotateZ(3deg)}to{transform:translateY(0) rotateX(0) rotateZ(0)}}
@keyframes menu-detail-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.home-direction .rcard h3{font-size:clamp(1.8rem,3.2vw,2.7rem)}.home-direction .rcard__grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1rem}}
@media(max-width:700px){.home-direction .hero-new .hero__title{font-size:clamp(2.8rem,11vw,4.2rem);line-height:1}.home-direction .hero-new .hero__title em{font-size:.95em}.home-direction .rcard{padding:1rem;gap:.7rem}.home-direction .cap-top{padding-bottom:.6rem;font-size:.43rem;gap:.5rem}.home-direction .cap-top .rcard__n{font-size:.5rem}.home-direction .rcard__grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:.8rem}.home-direction .rcard__text{padding:0}.home-direction .rcard h3{font-size:1.65rem;letter-spacing:-.07em;margin-bottom:.65rem}.home-direction .rcard__text p{font-size:.62rem;line-height:1.5}.home-direction .rcard__art{min-height:150px;padding:.45rem}.cap-art-index{font-size:3rem;left:7px;top:8px}.cap-art-label{font-size:.3rem;left:7px;bottom:8px;right:7px}.cap-art-label>span:last-child{display:none}.home-direction .cap-deliverables{gap:.45rem}.home-direction .cap-deliverables>span{font-size:.46rem;padding-top:.4rem}.home-direction .cap-deliverables>span::before{font-size:.36rem;margin-bottom:.15rem}.home-direction .cap-outcome p{font-size:.52rem}.home-direction .cap-outcome>span{width:23px;height:23px;font-size:.8rem}.menu-body nav a{font-size:2.15rem;padding:.53rem 0}.menu-body nav a small{padding-top:.35rem;font-size:.46rem}.home-direction .contact-studio__heading h2{font-size:clamp(2.3rem,9.6vw,3.8rem)}.home-direction .software-heading h2{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){.site-menu[open],.site-menu[open] *{animation:none!important}.menu-body nav a,.menu-trigger i,.menu-close>span:last-child{transition:none}}