.hero{min-height:100svh;margin-bottom:var(--section-y);position:relative;overflow:hidden}.hero-container{z-index:2;min-height:100svh;max-width:var(--container-wide);padding-inline:var(--gutter);align-items:center;gap:var(--s-16);grid-template-columns:1fr 1fr;margin-inline:auto;display:grid;position:relative}.hero-left{text-align:center}@media (min-width:1024px){.hero-left{text-align:left}}.hero-left h1{font-size:var(--fs-hero);letter-spacing:-.01em;color:var(--ink);margin:0;font-weight:300;line-height:.82}.hero-bold{letter-spacing:0;font-size:1.07em;font-weight:900}.break-style{display:block}@media (min-width:768px) and (max-width:1023px){.hero-left h1,.hero-bold{font-size:2.5rem}.break-style{display:none}}.hero-left p{margin:var(--s-8)0 0;max-width:34ch;font-size:var(--fs-lead);font-weight:300;line-height:var(--lh-body);color:var(--ink-2)}@media (max-width:1023px){.hero-left p{margin-inline:auto}}.hero-left h2{margin:var(--s-6)0 0;font-size:var(--fs-h3);font-weight:300;line-height:var(--lh-heading);color:var(--ink)}.typewriter{letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));-webkit-text-fill-color:transparent;border-right:2px solid var(--accent-2);-webkit-background-clip:text;background-clip:text;padding-right:4px;font-weight:400;animation:1s infinite blink}@keyframes blink{0%,to{border-color:var(--accent-2)}50%{border-color:#0000}}.hero-letter{transition:color .4s cubic-bezier(.22,1,.36,1);display:inline}.hero-letter:hover{color:#8b9dfa}.hero-right{aspect-ratio:16/10;perspective:1600px;width:100%;margin-left:auto;position:relative}.device-wrapper{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.device{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 25px 40px #00000040)}@media (max-width:1023px){.hero-container{gap:var(--s-8);padding-block:var(--s-24)var(--s-16);text-align:center;grid-template-columns:1fr}.hero-right{order:-1;max-width:520px;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.typewriter{animation:none}}@media (min-width:1920px){.hero-container{max-width:150rem}.hero-left h1{font-size:10rem}}