.profile-reveal[hidden],.safari-proof[hidden],.timer-lock[hidden]{display:none!important}
.profile-reveal{--journal-ink:#223d37;--journal-accent:#476e5c;--journal-wash:#eef4ee;margin-top:24px;text-align:start;color:var(--journal-ink);overflow-wrap:anywhere}
.profile-reveal::selection,.profile-reveal ::selection{background:var(--journal-accent);color:#fff}
.profile-intro{padding-block:6px 24px}
.profile-heading{font-size:23px;line-height:1.3;font-weight:850;letter-spacing:-.025em;margin:0}
.profile-demo{font-size:11px;line-height:1.6;color:#536a63;margin-top:9px}
.profile-biography{font-size:14px;line-height:1.9;margin-top:17px;white-space:pre-line;text-wrap:pretty}
.profile-moments{padding-top:22px;border-top:1px solid #d8e3dc}
.moments-heading{font-size:20px;line-height:1.35;margin:0 0 22px;font-weight:800}
.moment{margin-top:28px;min-width:0}
.moment:first-of-type{margin-top:0}
.moment-photo{display:block;width:100%;height:auto;aspect-ratio:var(--moment-ratio,4/3);object-fit:cover;border-radius:0;background:var(--journal-wash)}
.moment-copy{min-width:0;padding:14px 0 0}
.moment-category{font-size:15px;font-weight:800;line-height:1.4;margin:0}
.moment-caption{font-size:13px;line-height:1.75;margin-top:7px;color:var(--journal-ink);text-wrap:pretty}
/* Lin: quiet botanical journal, one wide frame and two different side notes. */
.moment--reading{display:grid;grid-template-columns:1fr 1.05fr;gap:14px;align-items:center}
.moment--reading .moment-photo{aspect-ratio:3/4}
.moment--reading .moment-copy{padding:0}
.moment--garden .moment-photo{aspect-ratio:16/10;margin-inline:-14px;width:calc(100% + 28px);max-width:none}
.moment--garden .moment-copy{padding:14px 3px 0}
.moment--lake{padding:10px;background:var(--journal-wash)}
.moment--lake .moment-photo{aspect-ratio:3/2}
.moment--lake .moment-copy{padding:13px 4px 6px}
/* Mira: album sleeve, rain panorama, and a train-window column. */
.profile-reveal[data-theme=album]{--journal-ink:#332f42;--journal-accent:#65527f;--journal-wash:#f0edf7}
[data-theme=album] .profile-intro{margin-inline:-14px;padding:22px 16px;background:#302b3c;color:#fff9f0}
[data-theme=album] .profile-demo{color:#ded5e9}
[data-theme=album] .profile-moments{border-color:#dcd4e7}
.moment--record .moment-photo{aspect-ratio:1/1}
.moment--record .moment-copy{padding:14px 12px;background:var(--journal-wash)}
.moment--rain .moment-photo{aspect-ratio:16/9}
.moment--rain .moment-copy{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.moment--rain .moment-caption{margin:0}
.moment--rail{display:grid;grid-template-columns:1.25fr 1fr;gap:15px;align-items:end}
.moment--rail .moment-photo{aspect-ratio:3/4}
.moment--rail .moment-copy{padding:0 0 6px}
/* June: breakfast letter, cafe window and a postcard with caption first. */
.profile-reveal[data-theme=letter]{--journal-ink:#533e35;--journal-accent:#946147;--journal-wash:#faf1e8}
[data-theme=letter] .profile-intro{padding:17px 13px 23px;background:var(--journal-wash)}
[data-theme=letter] .profile-heading{font-weight:750}
[data-theme=letter] .profile-demo{color:#775e50}
[data-theme=letter] .profile-biography{line-height:2}
.moment--breakfast .moment-photo{aspect-ratio:4/3}
.moment--breakfast .moment-copy{padding-inline:12px;border-inline-start:1px solid #d8c1ae}
.moment--cafe{display:grid;grid-template-columns:1fr 1.15fr;gap:13px;align-items:start}
.moment--cafe .moment-photo{grid-column:2;grid-row:1;aspect-ratio:4/5}
.moment--cafe .moment-copy{grid-column:1;grid-row:1;padding:6px 0 0}
.moment--postcard{display:flex;flex-direction:column-reverse;gap:13px;padding:13px;border:1px solid #e6d6c8}
.moment--postcard .moment-photo{aspect-ratio:3/2}
.moment--postcard .moment-copy{padding:0}
/* Aya: documentary desk detail, a wide shore and a mountain report. */
.profile-reveal[data-theme=atlas]{--journal-ink:#263e51;--journal-accent:#3f6983;--journal-wash:#edf4f8}
[data-theme=atlas] .profile-heading{padding-bottom:12px;border-bottom:1px solid #b7cbd8}
[data-theme=atlas] .profile-demo{color:#516b7d}
.moment--desk{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:center;padding-block:12px;border-block:1px solid #d1dfe7}
.moment--desk .moment-photo{aspect-ratio:1/1}
.moment--desk .moment-copy{padding:0}
.moment--shore .moment-photo{aspect-ratio:2/1}
.moment--shore .moment-copy{padding:14px 0 12px;border-bottom:1px solid #d1dfe7}
.moment--summit .moment-photo{aspect-ratio:4/5}
.moment--summit .moment-copy{margin-inline:12px;padding:15px;background:var(--journal-wash)}
/* Nora: a reading margin, an architectural plate and a travel letter. */
.profile-reveal[data-theme=notebook]{--journal-ink:#49374a;--journal-accent:#785b75;--journal-wash:#f4eef4}
[data-theme=notebook] .profile-intro{padding-inline:3px}
[data-theme=notebook] .profile-demo{color:#755f75}
[data-theme=notebook] .profile-biography{padding-inline-start:13px;border-inline-start:1px solid #d7c9d7}
.moment--armchair{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;align-items:center}
.moment--armchair .moment-photo{grid-column:2;grid-row:1;aspect-ratio:3/4}
.moment--armchair .moment-copy{grid-column:1;grid-row:1;padding:0}
.moment--steps .moment-photo{aspect-ratio:1/1}
.moment--steps .moment-copy{padding:13px 11px;background:var(--journal-wash)}
.moment--alley{display:flex;flex-direction:column-reverse;gap:14px}
.moment--alley .moment-photo{aspect-ratio:4/5}
.moment--alley .moment-copy{padding:0 0 12px;border-bottom:1px solid #d7c9d7}
@media(max-width:350px){
 .profile-heading{font-size:21px}.profile-biography{font-size:13px;line-height:1.85}
 .moment--reading,.moment--rail,.moment--cafe,.moment--desk,.moment--armchair{grid-template-columns:1fr;gap:12px}
 .moment--cafe .moment-photo,.moment--cafe .moment-copy,.moment--armchair .moment-photo,.moment--armchair .moment-copy{grid-column:auto;grid-row:auto}
 .moment--reading .moment-photo,.moment--rail .moment-photo,.moment--cafe .moment-photo,.moment--armchair .moment-photo{aspect-ratio:4/3}
 .moment--rain .moment-copy{display:block}.moment--rain .moment-caption{margin-top:7px}
}
@media(prefers-reduced-motion:no-preference){.profile-reveal:not([hidden]){animation:profileReveal .35s cubic-bezier(.16,1,.3,1) both}@keyframes profileReveal{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}}
.moment-personal{grid-column:1/-1;grid-row:auto!important;width:100%;height:auto;aspect-ratio:3/4!important;object-fit:cover;margin-top:18px}
.moment{transition:filter .4s ease,opacity .4s ease;overflow:hidden}
.moment.is-obscured{filter:blur(20px);opacity:.55;user-select:none;pointer-events:none}
.profile-reveal[data-loading=true] .profile-moments{border-top:0;padding-top:0}
.profile-reveal[data-loading=false] .moment{filter:none;opacity:1}
.progress-bar{transition:width .25s linear}
@media(prefers-reduced-motion:reduce){.moment{transition:none}}
.moment .moment-photo.moment-personal{grid-column:1/-1!important;grid-row:auto!important;margin-inline:0;width:100%;max-width:100%}
