.profile-page .profile-hero{margin-top:calc(-1 * (var(--bar-h) + var(--hairline)));background:var(--hero-surface);color:var(--hero-fg);max-width:none;padding:calc(var(--bar-h) + clamp(24px, 3vw, 40px)) var(--gutter) clamp(56px, 6vw, 80px);border-bottom:1px solid var(--line)}.profile-page .profile-back{z-index:3;top:calc(var(--bar-h) + clamp(24px, 3vw, 40px));left:var(--gutter);box-sizing:border-box;color:#17221a;background:#fff;border:1px solid #17221a52;border-radius:0;place-items:center;width:48px;height:48px;margin:0;text-decoration:none;display:grid;position:absolute;overflow:hidden}.profile-page .profile-back:hover{background:#edf2ec;border-color:#17221a;text-decoration:none}.profile-page .profile-back:focus-visible{outline:2px solid var(--hero-fg);outline-offset:4px}.profile-page .profile-back svg{z-index:1;width:21px;height:21px;position:relative}:root[data-theme=dark] .profile-page .profile-hero .profile-back{color:#17221a}@media (prefers-color-scheme:dark){:root[data-theme=system] .profile-page .profile-hero .profile-back{color:#17221a}}.profile-page .profile-opening{text-align:center;flex-direction:column;align-items:center;gap:0;max-width:800px;margin:clamp(48px,6vw,76px) auto 0;padding:0;display:flex}.profile-page .profile-hero-copy{align-items:center;padding:0}.profile-page .profile-role{color:var(--accent);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--label-tracking);text-transform:uppercase;margin:0 0 14px}.profile-page .profile-opening h1{letter-spacing:-.06em;margin:0;font-size:clamp(62px,7.5vw,96px);font-weight:560;line-height:.98}.profile-page .profile-opening h1>span{color:var(--accent)}.profile-page .profile-opening h1.profile-stroke-title{width:min(100%,800px)}.profile-stroke-title .stroke-text__svg{height:clamp(4.25rem,8.2vw,7rem)}.profile-stroke-title .stroke-text__stroke,.profile-stroke-title .stroke-text__fill{font-family:var(--font-sans)}.profile-page .profile-opening h2{color:var(--hero-fg);font-family:var(--font-serif);letter-spacing:-.025em;max-width:24ch;margin:18px 0 0;font-size:clamp(35px,4vw,52px);font-style:normal;font-weight:400;line-height:1.05}.profile-page .profile-short-intro{max-width:59ch;color:var(--fg-muted);margin:24px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.62}.profile-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 30px;margin-top:28px;font-size:14px;display:flex}.profile-page .profile-hero .btn{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.profile-page .profile-hero .btn:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.profile-hero-actions>a:not(.btn){color:var(--fg);text-decoration:none}.profile-hero-actions>a:not(.btn):hover{text-underline-offset:5px;text-decoration:underline}.profile-page .profile-workflow{scroll-margin-top:var(--bar-h);padding-block:clamp(52px,6vw,80px) clamp(40px,5vw,64px)}.profile-workflow-heading{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:end;gap:10%;margin-bottom:clamp(28px,4vw,52px);display:grid}.profile-workflow-heading h2{letter-spacing:-.045em;font-size:clamp(32px,4vw,55px);font-weight:500;line-height:1.06}.profile-workflow-heading>p{max-width:64ch;color:var(--fg-muted);font-size:clamp(16px,1.4vw,18px);line-height:1.68}.profile-page .profile-hero-diagram{--moss:#284a36;--graphite:#17221a;--paper:#ecebdc;--secondary-ink:#4d5c49;--rule:#24392430;width:min(100%,580px);margin:0 auto}.profile-page .profile-hero-diagram .dossier-photo{aspect-ratio:520/490;width:100%;box-shadow:none;border:1px solid #31543a;overflow:hidden}.profile-page .profile-flow{border-color:var(--line);width:min(100%,580px);margin:clamp(24px,3vw,40px) auto 0}.profile-page .profile-flow b{color:var(--fg-muted)}.profile-page .profile-recording{width:min(100%,780px);margin:16px auto 56px}.profile-page .profile-premise{padding-block:32px 52px}@media (max-width:760px){.profile-page .profile-hero{padding:calc(var(--bar-h) + 24px) var(--gutter) 56px}.profile-page .profile-opening{margin-top:52px}.profile-page .profile-opening h1{font-size:clamp(58px,15vw,82px)}.profile-page .profile-opening h2{margin-top:12px;font-size:clamp(34px,9vw,47px)}.profile-page .profile-short-intro{margin-top:18px}.profile-hero-actions{margin-top:22px}.profile-workflow-heading{grid-template-columns:1fr;gap:16px}.profile-page .profile-workflow{padding-block:52px 42px}.profile-page .profile-flow{grid-template-columns:1fr 1fr}}