@font-face {
    font-family: "Portrait STK";
    src: url("/assets/fonts/stk-bureau-serif/STKBureauSerif-Book.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Portrait STK";
    src: url("/assets/fonts/stk-bureau-serif/STKBureauSerif-BookItalic.woff2") format("woff2");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

/* Article-specific portrait composition; the shared article shell stays intact. */
body.who-i-look-up-to {
    --portrait-serif: "Portrait STK", Georgia, serif;
    --portrait-mono: "SF Mono", Menlo, monospace;
    max-width: 1160px;
    overflow-x: clip;
    padding-inline: 40px;
}

.who-i-look-up-to .memo-content { max-width: 980px; }
.who-i-look-up-to .memo-heading { max-width: 680px; margin: 0 auto 48px; }
.who-i-look-up-to h1 {
    margin-bottom: 16px;
    font: 400 clamp(38px, 5.4vw, 64px)/1.12 var(--portrait-serif);
    text-wrap: balance;
}
.who-i-look-up-to h1 em { font-weight: 400; }
.who-i-look-up-to .memo-subtitle {
    font: 20px/1.5 var(--portrait-mono);
    color: #73736d;
}
.who-i-look-up-to .portrait-intro,
.who-i-look-up-to .portrait-closing,
.who-i-look-up-to .article-end { max-width: 640px; margin-inline: auto; }
.who-i-look-up-to .portrait-intro > p:first-child { margin-bottom: 22px; }
.who-i-look-up-to .portrait-jump {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin: 34px 0 0;
    font: 10px/1.6 var(--portrait-mono);
}
.who-i-look-up-to .portrait-jump a { color: #73736d; text-decoration: none; }
.who-i-look-up-to .portrait-jump a:hover { color: #258db7; }
.who-i-look-up-to .portrait-section { margin-top: 100px; }
.who-i-look-up-to .portrait-section-heading {
    display: flex;
    gap: 18px;
    align-items: center;
    margin: 0 0 54px;
    color: #73736d;
    font: 400 12px/1.5 var(--portrait-mono);
}
.who-i-look-up-to .portrait-section-heading::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #e9e9e5;
}
.who-i-look-up-to .portrait-subsection + .portrait-subsection { margin-top: 80px; }
.who-i-look-up-to .portrait-subsection-heading {
    margin: 0 0 32px;
    color: #73736d;
    font: 400 11px/1.5 var(--portrait-mono);
}
.who-i-look-up-to .portrait-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    column-gap: 88px;
    align-items: center;
    max-width: 880px;
    margin: 0 auto 118px;
}
.who-i-look-up-to .portrait-feature:last-child { margin-bottom: 0; }
.who-i-look-up-to .portrait-feature.is-reversed {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
}
.who-i-look-up-to .portrait-feature.is-reversed .portrait-picture { grid-column: 2; grid-row: 1; }
.who-i-look-up-to .portrait-feature.is-reversed .portrait-copy { grid-column: 1; grid-row: 1; }
.who-i-look-up-to .portrait-picture { margin: 0; min-width: 0; }
.who-i-look-up-to .portrait-picture img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: contain;
    border-radius: 0;
}
.who-i-look-up-to .portrait-picture.is-cutout img { max-height: 400px; }
.who-i-look-up-to .portrait-copy { min-width: 0; }
.who-i-look-up-to .portrait-name {
    margin: 0 0 24px;
    color: #37352f;
    font: 400 clamp(38px, 4.2vw, 54px)/1.05 var(--portrait-serif);
    overflow-wrap: normal;
    text-wrap: balance;
}
.who-i-look-up-to .memo-body .portrait-eyebrow {
    margin: 0 0 16px;
    color: #73736d;
    font: 10px/1.65 var(--portrait-mono);
}
.who-i-look-up-to .portrait-feature .portrait-copy p { margin-bottom: 18px; }
.who-i-look-up-to .portrait-feature .portrait-copy p:last-child { margin-bottom: 0; }
.who-i-look-up-to .portrait-work { margin: 24px 0 0; padding-left: 18px; }
.who-i-look-up-to .portrait-work li { padding-left: 3px; margin-bottom: 13px; font-size: .92rem; }
.who-i-look-up-to .portrait-work li::marker { color: #a5a59d; font-size: .75em; }
.who-i-look-up-to .portrait-work a {
    color: #37352f;
    text-decoration: underline;
    text-decoration-color: #bbbcb5;
    text-underline-offset: 3px;
}
.who-i-look-up-to .portrait-work a:hover { color: #258db7; text-decoration-color: currentColor; }
.who-i-look-up-to .work-format { margin-left: 9px; color: #73736d; font: 9px/1.5 var(--portrait-mono); }
.who-i-look-up-to .portrait-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 64px 54px;
}
.who-i-look-up-to .portrait-small {
    display: grid;
    grid-template-columns: minmax(0, 156px) minmax(0, 1fr);
    align-items: start;
    column-gap: 23px;
}
.who-i-look-up-to .portrait-small .portrait-name { font-size: 32px; line-height: 1.1; margin: 0 0 15px; }
.who-i-look-up-to .portrait-small .portrait-bio { font-size: .88rem; line-height: 1.75; }
.who-i-look-up-to .portrait-small .portrait-work { margin-top: 17px; }
.who-i-look-up-to .portrait-small .portrait-work li { font-size: .86rem; }
.who-i-look-up-to .portrait-closing { margin-top: 116px; }
.who-i-look-up-to .memo-body .portrait-signoff { margin-top: 24px; }
.who-i-look-up-to .photo-credits { margin-top: 56px; color: #999; font: 10px/1.7 var(--portrait-mono); }
.who-i-look-up-to .photo-credits summary { cursor: pointer; width: fit-content; }
.who-i-look-up-to .photo-credits ul { padding-left: 17px; }
.who-i-look-up-to .photo-credits li { font: inherit; color: inherit; margin-bottom: 8px; }
.who-i-look-up-to .photo-credits a { color: inherit; }
.who-i-look-up-to .audio-toggle { right: max(18px, calc((100vw - 1160px) / 2)); }
.who-i-look-up-to .article-subscribe-block { margin-top: 0; }

/* Motion is on the descendants; scene geometry remains stationary. */
html[data-portrait-motion="on"] .who-i-look-up-to [data-portrait-enter] {
    transform: translate(var(--portrait-x, 0px), var(--portrait-y, 0px)) rotate(var(--portrait-rotate, 0deg)) scale(var(--portrait-scale, 1));
    transform-origin: center;
}
.who-i-look-up-to [data-portrait-enter="image"] { opacity: calc(.55 + var(--portrait-reveal, 1) * .45); }
.who-i-look-up-to [data-portrait-enter="rise"] { opacity: calc(.35 + var(--portrait-reveal, 1) * .65); }

@media (max-width: 1000px) {
    .who-i-look-up-to .portrait-feature { column-gap: 55px; }
    .who-i-look-up-to .portrait-grid { gap: 60px 34px; }
    .who-i-look-up-to .portrait-small { grid-template-columns: minmax(0, 125px) minmax(0, 1fr); gap: 20px; }
    .who-i-look-up-to .portrait-small .portrait-name { font-size: 29px; }
}

@media (max-width: 800px) {
    .who-i-look-up-to .portrait-name { font-size: clamp(30px, 4.75vw, 38px); }
    .who-i-look-up-to .portrait-grid { grid-template-columns: 1fr; max-width: 580px; margin-inline: auto; }
    .who-i-look-up-to .portrait-small { grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: 30px; }
    .who-i-look-up-to .portrait-small .portrait-name { font-size: 34px; }
    html[data-portrait-motion="on"] .who-i-look-up-to [data-portrait-enter] { transform: translateY(var(--portrait-y, 0px)); }
}

@media (max-width: 600px) {
    body.who-i-look-up-to { padding: 40px 20px; }
    .who-i-look-up-to .memo-heading { margin-bottom: 36px; }
    .who-i-look-up-to .portrait-section { margin-top: 70px; }
    .who-i-look-up-to .portrait-section-heading { margin-bottom: 36px; }
    .who-i-look-up-to .portrait-subsection + .portrait-subsection { margin-top: 60px; }
    .who-i-look-up-to .portrait-feature,
    .who-i-look-up-to .portrait-feature.is-reversed { grid-template-columns: 1fr; gap: 30px; margin-bottom: 76px; }
    .who-i-look-up-to .portrait-feature .portrait-picture,
    .who-i-look-up-to .portrait-feature.is-reversed .portrait-picture { grid-column: 1; grid-row: 1; max-width: 280px; width: 100%; justify-self: center; }
    .who-i-look-up-to .portrait-feature .portrait-copy,
    .who-i-look-up-to .portrait-feature.is-reversed .portrait-copy { grid-column: 1; grid-row: 2; }
    .who-i-look-up-to .portrait-name { font-size: 42px; margin-bottom: 20px; }
    .who-i-look-up-to .portrait-small { grid-template-columns: minmax(0, 110px) minmax(0, 1fr); gap: 20px; }
    .who-i-look-up-to .portrait-small .portrait-name { font-size: 29px; }
    .who-i-look-up-to .portrait-small .work-format { display: block; margin-left: 0; }
    .who-i-look-up-to .portrait-grid { gap: 48px; }
    .who-i-look-up-to .portrait-closing { margin-top: 80px; }
    .who-i-look-up-to .audio-toggle { right: 16px; }
}

@media (max-width: 360px) {
    .who-i-look-up-to .portrait-name { font-size: 38px; }
    .who-i-look-up-to .portrait-small { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
    .who-i-look-up-to .portrait-small .portrait-name { font-size: 25px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .who-i-look-up-to [data-portrait-enter] { transform: none !important; opacity: 1 !important; filter: none !important; }
}
html[data-portrait-motion="off"] { scroll-behavior: auto; }
html[data-portrait-motion="off"] .who-i-look-up-to [data-portrait-enter] { transform: none; opacity: 1; filter: none; }