.profile-page { background: radial-gradient(ellipse at 90% 8%, #1a302e 0, transparent 36rem), var(--bg); }
.profile-header, .profile-shell, .profile-footer { width: min(calc(100% - 3rem), 1120px); margin-inline: auto; }
.profile-header { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line); }
.header-contact { font-size: .88rem; color: var(--teal); text-decoration: none; }
.profile-page a:focus-visible { outline: 2px solid var(--teal); outline-offset: 5px; }
.profile-page a:hover { text-decoration: underline; text-underline-offset: 5px; }
.profile-intro { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: center; gap: 4rem; padding-block: 4.5rem; }
.profile-page .eyebrow { margin: 0 0 1rem; color: var(--teal); font-size: .7rem; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
.profile-page h1, .profile-page h2, .profile-page h3 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.035em; line-height: 1.12; }
.profile-page h1 { font-size: clamp(3.5rem, 7vw, 6rem); margin: 0; }
.name-period { color: var(--amber); }
.profile-role { margin: 1rem 0 2.25rem; color: var(--amber); font-size: .9rem; }
.profile-page .profile-statement { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 0 0 1.25rem; }
.profile-summary { max-width: 540px; color: var(--muted); margin-bottom: 1.75rem; font-size: 1rem; }
.profile-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.profile-actions .button { gap: 1.25rem; font-size: .9rem; }
.profile-actions .primary { background: var(--teal); border-color: var(--teal); }
.profile-links { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 1.5rem; }
.profile-links a { font-size: .85rem; text-decoration: none; color: var(--muted); padding-block: .5rem; }
.profile-links span { color: var(--teal); margin-left: .25rem; }
.qr-card { padding: 1.75rem; border: 1px solid var(--line); border-top: 2px solid var(--amber); background: #10191a; border-radius: 4px; }
.qr-card .eyebrow { color: var(--amber); font-size: .6rem; }
.qr-card h2 { font-size: 2.2rem; margin: 0 0 1.5rem; }
.profile-qr { width: 100%; height: auto; display: block; border-radius: 3px; }
.qr-url { text-align: center; font-size: .8rem; color: var(--text); margin: .75rem 0 1.25rem; }
.qr-card > a { display: inline-block; padding-block: .4rem; color: var(--teal); font-size: .82rem; }
.qr-hint { color: var(--muted); font-size: .74rem; line-height: 1.5; margin: .75rem 0 0; }
.conversation-section, .selected-work { border-top: 1px solid var(--line); padding-block: 2.75rem; }
.section-label h2 { font-size: 2rem; margin: 0 0 2rem; }
.section-label .eyebrow { margin-bottom: .65rem; }
.conversation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.conversation-card { display: flex; flex-direction: column; padding: 1.5rem; border: 1px solid var(--line); border-radius: 4px; background: rgba(16, 25, 26, .55); }
.card-number { color: var(--teal); font-size: .72rem; letter-spacing: .1em; }
.conversation-card h3 { font-size: 1.7rem; margin: 1rem 0 .5rem; }
.conversation-card p, .work-link p { color: var(--muted); font-size: .9rem; }
.conversation-card a { margin-top: auto; padding-top: .75rem; color: var(--teal); font-size: .84rem; text-decoration: none; }
.work-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; }
.work-link { text-decoration: none; padding: .5rem 0 1rem 1.25rem; border-left: 2px solid var(--amber); }
.work-link:last-child { border-color: var(--teal); }
.work-category { color: var(--muted); font-size: .7rem; }
.work-link h3 { font-size: 2.5rem; margin: .75rem 0; display: flex; justify-content: space-between; }
.work-link h3 span { font-family: system-ui, sans-serif; color: var(--teal); font-size: 1.5rem; }
.work-action { color: var(--teal); font-size: .82rem; }
.work-link:hover { text-decoration: none !important; }
.work-link:hover .work-action { text-decoration: underline; text-underline-offset: 5px; }
.profile-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1.5rem; border-top: 1px solid var(--line); padding-block: 1.75rem 2.5rem; color: var(--muted); font-size: .78rem; }
.profile-footer p { margin: 0; }
.profile-footer span { color: var(--amber); margin-inline: .4rem; }
.profile-footer a { text-decoration: none; }
@media (max-width: 800px) {
    .profile-intro { grid-template-columns: 1fr; gap: 2.5rem; padding-block: 2.75rem; }
    .qr-card { max-width: 340px; width: 100%; justify-self: center; }
    .conversation-grid { grid-template-columns: 1fr; }
    .conversation-card { padding: 1.25rem; }
    .conversation-card h3 { margin-top: .75rem; }
    .work-grid { grid-template-columns: 1fr; gap: 1.75rem; }
}
@media (max-width: 520px) {
    .profile-header, .profile-shell, .profile-footer { width: calc(100% - 2.5rem); }
    .profile-header { min-height: 85px; }
    .profile-header .brand-mark { display: none; }
    .header-contact { font-size: .78rem; }
    .profile-page h1 { font-size: 3.5rem; }
    .profile-role { font-size: .8rem; line-height: 1.65; margin-bottom: 1.75rem; }
    .profile-summary { font-size: .94rem; }
    .desktop-break { display: none; }
    .profile-actions .button { width: auto; flex: 1; padding-inline: .75rem; gap: .65rem; font-size: .8rem; }
    .profile-links { gap: 1.5rem; }
    .conversation-section, .selected-work { padding-block: 2.25rem; }
    .section-label h2 { font-size: 1.8rem; }
    .profile-footer { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .profile-page .button { transition: none; }
}