.landing-shell{place-items:center;width:100%;min-height:calc(100dvh - 160px);padding:0 .75rem;display:grid}.homepage-panel{width:min(1200px,100%);margin:0 auto;padding:.5rem .75rem}.homepage-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(.6rem,1.6vw,1rem);display:grid}.homepage-intro{color:var(--accent);letter-spacing:.02em;margin:0;font-size:clamp(1.25rem,2.2vw,1.55rem)}.typewriter-name{vertical-align:bottom;width:fit-content;max-width:100%;display:inline-block}.typewriter-text{--type-duration:2.7s;white-space:nowrap;max-width:0;animation:name-type var(--type-duration)steps(22,end)1 forwards,caret-blink 1s steps(1,end)var(--type-duration)infinite;border-right:.62em solid;padding-right:.16em;display:inline-block;overflow:hidden}.homepage-copy h1{max-width:22ch;margin:.45rem 0 0;font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.06}.homepage-summary{max-width:55ch;color:var(--text-main);margin:1rem 0 0;font-size:1.05rem;line-height:1.5}.homepage-tags{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;margin:.9rem 0 0;font-size:.92rem}.homepage-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.3rem;display:flex}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.7rem 1.05rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:var(--theme-active-text);box-shadow:0 10px 20px color-mix(in srgb,var(--accent-2)45%,transparent)}.btn-secondary{background:color-mix(in srgb,var(--card)80%,transparent);border-color:color-mix(in srgb,var(--card-edge)60%,transparent);color:var(--text-main)}.homepage-visual{place-items:center;display:grid}.portrait-frame{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent)55%,transparent);width:min(320px,78vw);height:min(320px,78vw);box-shadow:0 20px 35px #00000073,inset 0 0 0 1px color-mix(in srgb,var(--text-main)12%,transparent);border-radius:999px;position:relative;overflow:hidden}.portrait-image{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}@media (max-width:900px){.homepage-grid{grid-template-columns:1fr;gap:.9rem}.homepage-copy h1{max-width:none}.homepage-visual{order:-1}}@media (max-width:620px){.btn{width:100%}}@keyframes name-type{0%{max-width:0}to{max-width:100%}}@keyframes caret-blink{0%,49%{border-right-color:currentColor}50%,to{border-right-color:#0000}}