/* Split — a fixed identity panel on the left, scrolling content on the right. */
:root { --t-font-display: "Cormorant Garamond", Georgia, serif; --t-font-body: "Inter", system-ui, sans-serif; --t-max: 100%; --t-radius: 12px; }

/* the panel */
.t-hero--panel { background: var(--t-surface); border-block-end: 1px solid var(--t-line); }
.t-hero--panel .t-hero__inner { grid-template-columns: 1fr; width: auto; padding: clamp(28px, 5vw, 48px) clamp(20px, 4vw, 40px); gap: 18px; }
.t-hero--panel .t-photo { width: clamp(128px, 22vw, 200px); border-radius: var(--t-radius); box-shadow: var(--t-shadow); }
.t-hero--panel .t-name { font-size: clamp(2.4rem, 4vw, 3.2rem); font-weight: 600; line-height: 1; }
.t-hero--panel .t-headline { font-size: var(--t-size-2); }
.t-hero--panel .t-links { flex-direction: column; align-items: flex-start; }
.t-hero--panel .t-actions .btn { width: 100%; justify-content: center; }
.t-hero--panel .t-actions { flex-direction: column; max-width: 320px; }

@media (min-width: 992px) {
  .t-page { display: grid; grid-template-columns: minmax(320px, 36%) minmax(0, 1fr); }
  .t-hero--panel { position: sticky; top: 0; height: 100vh; overflow: auto; border-block-end: 0; border-inline-end: 1px solid var(--t-line); }
  .t-layout { width: auto; padding: clamp(32px, 5vw, 72px) clamp(28px, 5vw, 72px); }
  .t-footer { grid-column: 1 / -1; width: auto; margin-inline: clamp(20px, 4vw, 40px); }
}
.t-section__title { font-size: clamp(1.7rem, 2.8vw, 2.2rem); font-weight: 600; }
.t-section--summary .t-section__title { display: none; }
.t-summary { font-family: var(--t-font-display); font-size: clamp(1.4rem, 2.4vw, 1.9rem); line-height: 1.35; max-width: 40ch; }
.t-cards--projects { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.t-card .t-item__title { font-family: var(--t-font-display); font-size: 1.4rem; font-weight: 600; }
.t-gallery { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
.t-quote blockquote { font-size: clamp(1.2rem, 2vw, 1.5rem); }