/* Separate typographic introduction. Original logo and prism untouched. */
.identity-hero{padding-block:clamp(50px,7vw,110px) clamp(56px,6vw,96px);border-bottom:1px solid var(--line)}
.identity-byline{font-size:14px;line-height:1.5;color:#b6bcbf;letter-spacing:.08em;margin:0 0 28px}
.identity-byline span{padding-inline:8px}
.identity-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(44px,8.25vw,126px);font-weight:800;line-height:1.04;letter-spacing:-.065em;text-transform:uppercase;margin:0 0 30px}
.identity-mask{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.identity-line{display:block;width:fit-content;color:#f7f7f7}
@supports (background-clip:text){.identity-line{background:linear-gradient(175deg,#fff 15%,#ededed 52%,#a8aeb1 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
.identity-description{font-size:clamp(17px,1.6vw,22px);line-height:1.55;color:#c5cace;max-width:65ch;margin:0 0 28px}
/* Brief entrance, once per page load. Content remains visible without animation. */
@media(prefers-reduced-motion:no-preference){
 .identity-line{animation:identity-enter 1050ms cubic-bezier(.22,.7,.2,1) 100ms both}
 .identity-line--second{animation-delay:470ms}
}
@keyframes identity-enter{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
/* The existing cube now follows the introduction, without a second viewport-sized gap. */
.hero{min-height:0;padding-block:clamp(64px,6vw,96px)}
#hero-heading{font-size:clamp(37px,3.65vw,56px);letter-spacing:-1.9px;line-height:1.06;margin:0 0 27px;font-weight:750}
@media(max-width:1150px){#hero-heading{font-size:39px;letter-spacing:-1.4px}}
@media(max-width:800px){
 .identity-hero{padding-block:48px 56px}
 .identity-title{font-size:clamp(36px,8.2vw,66px);letter-spacing:-.06em}
 .identity-byline{font-size:12px;margin-bottom:24px}
 .identity-description{font-size:17px;max-width:38ch}
 .identity-break{display:none}
 .hero{padding-block:48px 64px}
 #hero-heading{font-size:49px;letter-spacing:-1.6px}
}
@media(max-width:540px){
 .identity-hero{padding-block:36px 44px}
 .identity-title{font-size:clamp(28px,7.9vw,43px);line-height:1.1;margin-bottom:24px}
 .identity-byline{font-size:11px;letter-spacing:.05em}
 .identity-byline span{padding-inline:4px}
 .identity-description{font-size:16px;line-height:1.55;margin-bottom:24px}
 .identity-hero>.button{font-size:15px;min-height:46px}
 .hero{padding-block:40px 56px}
 #hero-heading{font-size:clamp(32px,8.9vw,44px);letter-spacing:-1.3px;line-height:1.06;margin-bottom:20px}
}
@media(forced-colors:active){.identity-line{background:none;color:CanvasText}}

/* Fit both intentional lines to the actual column, including narrow previews. */
.identity-hero{container-type:inline-size}
.identity-title{font-size:clamp(20px,7vw,126px)}
.identity-line{white-space:nowrap;hyphens:none;word-break:normal;overflow-wrap:normal}
@supports(font-size:1cqi){.identity-title{font-size:clamp(20px,10.5cqi,126px)}}

.identity-hero .identity-description{margin-bottom:16px}
.identity-hero .identity-signature{margin:0 0 28px;font-size:.875rem;letter-spacing:0;line-height:1.5;color:var(--muted)}