/* Individual typographic personalities, without altering content or hit areas. */
.portrait-stage{overflow:visible}.hero-name{pointer-events:auto}
header .identity-name{font:inherit;display:inline-block;white-space:nowrap}header .identity-name .identity-letter{display:inline-block;font:inherit;color:inherit;margin:0;letter-spacing:inherit;transform-origin:center bottom}header .identity-brand{position:relative;display:inline-block;white-space:nowrap;transform-origin:50% 65%;transition:color .2s,font-weight .2s}header .identity-brand .brand-orbit{display:inline-block;margin:0 0 0 1px;font:inherit;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
header .identity:focus-visible .identity-letter{animation:nameWave .55s calc(var(--i)*24ms) both}header .identity:focus-visible .identity-brand{color:#5b23c4;font-weight:800;transform:rotate(-7deg)}
.cipher-cell{position:relative;display:inline-block}.cipher-width{visibility:hidden}.cipher-ink{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.decoding .cipher-ink{color:#34523a}#hero-title{cursor:default;outline-offset:8px}
.hero-name>.eyebrow{position:relative;width:max-content;max-width:100%;isolation:isolate;padding:3px 1px;cursor:default}.hero-name>.eyebrow::after{content:'';position:absolute;left:-4px;right:-5px;bottom:-8px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 16' preserveAspectRatio='none'%3E%3Cpath d='M3 6 Q70 1 255 4 L12 11 Q110 7 253 10 L40 15' fill='none' stroke='%235b23c4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path .5s steps(5,end);pointer-events:none}.hero-name>.eyebrow:focus-visible::after{clip-path:inset(0 0 0 0)}
/* Remove the previous shared shadow treatment. */
.section-heading h2:hover,.lab h2:hover,.leadership h2:hover{ text-shadow:none }
.work .section-heading h2 .serif{position:relative;display:inline-block;background:linear-gradient(var(--acid),var(--acid)) left 85%/0 18% no-repeat;transition:background-size .3s,rotate .3s}.work .section-heading h2:focus-visible .serif{background-size:100% 18%;rotate:-3deg}
.lab-intro h2 .serif{display:inline-block;transform-origin:left center}.lab-intro h2:focus-visible .serif{animation:labRubber .65s both}
.story .section-heading h2:hover{color:var(--paper)}.story .section-heading h2 .serif{display:inline-block;transition:transform .35s,color .3s}.story .section-heading h2:focus-visible .serif{transform:skewX(-10deg) translateX(8px);color:var(--acid)}
.leadership h2 .serif{display:inline-block;transition:background .25s,color .25s,padding .25s}.leadership h2:focus-visible .serif{background:var(--ink);color:var(--paper);padding:0 7px}
.archive-call h2:hover{color:var(--paper)}.archive-call h2 .serif{display:inline-block;transition:translate .35s,color .3s}.archive-call h2:focus-visible .serif{translate:12px 0;color:var(--acid)}
.contact h2:hover .serif{text-decoration:none}.contact h2 .serif{display:inline-block;transition:transform .35s;transform-origin:left bottom}.contact h2:focus-visible .serif{transform:rotate(-4deg)}
.hero-statement #mode-word{transition:background .3s,box-shadow .25s,transform .25s;background:var(--acid);background-image:linear-gradient(105deg,transparent calc(var(--spot,50%) - 12%),#ffffffb3 var(--spot,50%),transparent calc(var(--spot,50%) + 12%));background-size:0 100%;background-repeat:no-repeat}.hero-statement #mode-link>b{display:inline-block;transition:rotate .3s,translate .3s}.hero-statement #mode-link:focus-visible #mode-word{box-shadow:5px 5px 0 var(--ink);transform:rotate(-1deg)}.hero-statement #mode-link:focus-visible>b{rotate:45deg;translate:3px -3px}.hero-statement>p:first-child{width:max-content;transition:letter-spacing .3s}
@keyframes nameWave{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-4px) rotate(-7deg)}}@keyframes brandRock{0%,100%{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.12)}60%{transform:rotate(5deg) scale(.98)}}@keyframes labRubber{0%,100%{transform:scale(1,1)}35%{transform:scale(1.08,.88) rotate(-3deg)}65%{transform:scale(.97,1.05) rotate(1deg)}}
@media(hover:hover) and (pointer:fine){header .identity-name:hover .identity-letter{animation:nameWave .55s calc(var(--i)*24ms) both}header .identity-brand:hover{animation:brandRock .6s both;color:#5b23c4;font-weight:800}header .identity-brand:hover .brand-orbit{transform:translate(3px,-5px) rotate(180deg)}.hero-name>.eyebrow:hover::after{clip-path:inset(0 0 0 0)}.hero-statement>p:first-child:hover{letter-spacing:4px}.hero-statement #mode-link:hover #mode-word{background-size:100% 100%;box-shadow:5px 5px 0 var(--ink);transform:rotate(-1deg)}.hero-statement #mode-link:hover>b{rotate:45deg;translate:3px -3px}.work .section-heading h2:hover .serif{background-size:100% 18%;rotate:-3deg}.lab-intro h2:hover .serif{animation:labRubber .65s both}.story .section-heading h2:hover .serif{transform:skewX(-10deg) translateX(8px);color:var(--acid)}.leadership h2:hover .serif{background:var(--ink);color:var(--paper);padding:0 7px}.archive-call h2:hover .serif{translate:12px 0;color:var(--acid)}.contact h2:hover .serif{transform:rotate(-4deg)}}
@media(max-width:700px){.portrait-stage{overflow:visible}header .identity-name{display:block}header .identity-brand{font-size:10px;margin-top:3px}.hero-name>.eyebrow{max-width:95%}.story .section-heading h2 .serif{max-width:100%}}
@media(prefers-reduced-motion:reduce){.cipher-ink{color:inherit!important}.identity-letter,.identity-brand,.brand-orbit,.hero-statement #mode-word,.hero-statement #mode-link>b,.serif{animation:none!important;transform:none!important;translate:none!important;rotate:none!important}.hero-statement>p:first-child:hover{letter-spacing:normal}.hero-name>.eyebrow::after{transition:none}.hero-statement #mode-word{background-image:none!important}}