/* Long-form reading view, using the existing portfolio fonts and palette. */
.identity-article { grid-column:1 / -1; min-width:0; width:100%; padding:20px 0 40px; color:var(--text); }
.identity-article * { box-sizing:border-box; }
.identity-article .identity-header { max-width:860px; margin:0 auto 30px; text-align:center; }
.identity-eyebrow { display:block; font:600 10px/1.6 var(--font-body); color:#956970; letter-spacing:2px; text-transform:uppercase; margin-bottom:16px; }
.identity-article h2 { font:600 clamp(32px,4vw,54px)/1.12 var(--font-display); letter-spacing:-.4px; color:var(--text); margin:0 0 16px; }
.identity-article h2 em { color:#a8737b; font-weight:600; }
.identity-deck { max-width:660px; margin:0 auto 22px; font:400 14px/1.9 var(--font-body); color:#827076; }
.identity-byline { display:flex; justify-content:center; align-items:center; gap:11px; text-align:left; font-size:11px; line-height:1.65; }
.identity-byline img { width:42px; height:42px; border-radius:50%; object-fit:cover; object-position:50% 20%; border:2px solid var(--accent); }
.identity-byline strong { display:block; font-weight:600; }
.identity-byline span { display:block; color:#827076; font-size:10px; }
.identity-intro { max-width:750px; margin:0 auto 24px; font:400 16px/2 var(--font-body); text-align:left; }
.identity-intro::first-letter { font:600 58px/.9 var(--font-display); float:left; padding:9px 9px 0 0; color:#a8737b; }
.identity-article .identity-read { display:block; margin:0 auto 10px; padding:11px 20px; border:1px solid var(--primary); border-radius:24px; background:rgba(232,202,202,.2); color:var(--text); font:600 11px/1.5 var(--font-body); cursor:pointer; }
.seminar-grid[data-active-sem="identifikasi-diri"] .identity-read { display:none; }
.seminar-grid:not([data-active-sem="identifikasi-diri"]) .identity-full { display:none; }
.seminar-grid[data-active-sem="sem2"] > .identity-article { display:none; }
.seminar-grid:not([data-active-sem="identifikasi-diri"]) > .identity-article { border-bottom:1px solid var(--accent); margin-bottom:10px; padding-bottom:35px; }
.seminar-grid:not([data-active-sem="identifikasi-diri"]) .identity-article h2 { font-size:clamp(28px,3vw,39px); }
.identity-article figure { margin:0; }
.identity-hero { margin:32px auto 0 !important; max-width:1060px; }
.identity-hero img { display:block; width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; border-radius:4px; }
.identity-article figcaption { font:400 10px/1.8 var(--font-body); color:#827076; margin-top:10px; text-align:left; }
.identity-toc { max-width:880px; margin:32px auto 46px; padding:20px 0; border-block:1px solid var(--accent); }
.identity-toc > p { font:600 9px/1.5 var(--font-body); letter-spacing:2px; text-transform:uppercase; color:#956970; margin-bottom:14px; }
.identity-toc ol { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0; padding:0; }
.identity-toc a { display:flex; gap:9px; color:var(--text); text-decoration:none; font:500 10px/1.7 var(--font-body); }
.identity-toc a:hover { color:#956970; }
.identity-toc a span { font-family:var(--font-display); font-size:20px; line-height:1; color:#a8737b; }
.identity-article .identity-chapter { max-width:750px; margin:0 auto 42px; padding:0; z-index:auto; }
.identity-chapter > .identity-eyebrow { margin-bottom:10px; }
.identity-article h3 { font:600 clamp(27px,3vw,36px)/1.2 var(--font-display); letter-spacing:0; color:var(--text); margin:0 0 20px; }
.identity-article .identity-chapter p, .identity-closing p { font:400 14px/2.05 var(--font-body); margin:0 0 19px; text-align:left; }
.identity-article strong { font-weight:600; }
.identity-article .identity-quote { max-width:820px; margin:40px auto; padding:26px 32px; border:0; border-block:1px solid var(--accent); background:rgba(232,202,202,.12); text-align:center; color:var(--text); }
.identity-quote p { font:500 clamp(26px,3vw,36px)/1.35 var(--font-display); margin:0 0 10px; }
.identity-quote cite { font:500 9px/1.8 var(--font-body); letter-spacing:1px; font-style:normal; text-transform:uppercase; color:#956970; }
.identity-values { list-style:none; margin:24px 0 30px; padding:0; }
.identity-values li { border-left:2px solid var(--primary); padding-left:18px; margin-bottom:19px; font:400 13px/1.9 var(--font-body); }
.identity-values strong { display:block; font-size:13px; margin-bottom:4px; color:#94676e; }
.identity-photo-story { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:950px; margin:32px auto 44px; align-items:start; }
.identity-photo-story img { display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; border-radius:4px; }
.identity-photo-story figure:first-child img { object-position:50% 28%; }
.identity-steps { list-style:none; counter-reset:identity-step; margin:25px 0 0; padding:0; }
.identity-steps li { display:grid; grid-template-columns:46px minmax(0,1fr); column-gap:14px; padding:20px 0; border-top:1px solid var(--accent); counter-increment:identity-step; }
.identity-steps li::before { content:counter(identity-step,decimal-leading-zero); font:500 30px/1.1 var(--font-display); color:#a8737b; padding-top:3px; }
.identity-article .identity-steps h4 { font:600 15px/1.6 var(--font-body); margin-bottom:8px; color:var(--text); }
.identity-article .identity-steps p { font-size:13px; line-height:1.95; margin-bottom:0; }
.identity-article .identity-closing { max-width:750px; padding:25px 0 0; border-top:1px solid var(--accent); margin:0 auto; }
.identity-closing .identity-signature { font:400 33px/1.5 'Great Vibes',cursive; color:#a8737b; margin:23px 0 35px; }
.identity-source { max-width:750px; margin:0 auto; padding:23px 0; border-block:1px solid var(--accent); }
.identity-source h3 { font:600 24px/1.3 var(--font-display); margin-bottom:12px; }
.identity-source p { font:400 11px/1.9 var(--font-body); color:#827076; margin:0 0 15px; }
.identity-source-buttons { display:flex; gap:10px; flex-wrap:wrap; }
.identity-source-buttons button { border:1px solid var(--primary); border-radius:22px; padding:10px 17px; color:var(--text); background:rgba(232,202,202,.2); font:500 10px/1.6 var(--font-body); cursor:pointer; }
.identity-source-buttons button:hover { background:rgba(232,202,202,.4); }
.identity-source a { color:#94676e; font-size:10px; }
.identity-article [id] { scroll-margin-top:30px; }
@media(max-width:1000px) {
 .identity-toc ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
 .identity-article .identity-chapter p, .identity-closing p { font-size:13px; }
 .identity-article h2 { font-size:40px; }
}
@media(max-width:600px) {
 .identity-article { padding-top:15px; }
 .identity-eyebrow { font-size:8px; letter-spacing:1.5px; }
 .identity-article h2 { font-size:34px; }
 .identity-deck { font-size:12px; line-height:1.9; }
 .identity-byline { font-size:10px; }
 .identity-byline span { font-size:8px; }
 .identity-intro { font-size:13px; line-height:2; }
 .identity-hero { margin-top:25px !important; }
 .identity-hero img { aspect-ratio:4 / 3; }
 .identity-toc { margin:26px 0 35px; }
 .identity-toc ol { gap:15px 12px; }
 .identity-toc a { font-size:9px; gap:7px; }
 .identity-article h3 { font-size:28px; }
 .identity-article .identity-chapter { margin-bottom:32px; }
 .identity-article .identity-quote { padding:23px 16px; margin:30px 0; }
 .identity-quote p { font-size:27px; }
 .identity-photo-story { grid-template-columns:1fr; gap:24px; margin:25px 0 35px; }
 .identity-photo-story img { aspect-ratio:4 / 3; }
 .identity-steps li { grid-template-columns:35px minmax(0,1fr); column-gap:11px; }
 .identity-article .identity-steps h4 { font-size:13px; }
 .identity-article .identity-steps p { font-size:12px; }
 .identity-source-buttons { gap:9px; }
 .identity-article [id] { scroll-margin-top:75px; }
}