/* Approved field-note concept: sealed moonlight / unfolded daylight.
   Status selects the scene; all names, dates, descriptions and tags stay catalog-owned. */
.timeline-page { --paper:#f8f6ef; --white:#fffdf5; --gold:#b38a38; --ink:#22372e; }
.timeline-page .wrap { max-width:1240px; }
.timeline-page .directory-hero { padding-block:25px 27px; }
.timeline-page .directory-hero h1 { font-size:clamp(38px,4.4vw,62px); }
.timeline-page .directory-description { font-size:15px; }
.timeline-page .directory-toolbar { box-shadow:0 8px 19px -14px #3c382e50; }
.timeline-page .directory-row { margin-bottom:30px; scroll-margin-top:160px; }
.timeline-page .directory-list::before { background:linear-gradient(#c8cdbb,#d8ccb0); }
.timeline-page .timeline-node { width:15px; height:15px; border:3px solid var(--paper); background:var(--paper); box-shadow:0 0 0 1px #a79561; margin-top:36px; }
.timeline-page .directory-row[data-status=revealed] .timeline-node { background:#bd922e; box-shadow:0 0 0 1px #b28a38,0 0 0 4px #b28a380b; }
.timeline-page .timeline-date { margin-top:32px; }
.timeline-page .timeline-month { padding-bottom:20px; color:#475445; }
.timeline-page .timeline-card {
  position:relative; display:grid; grid-template-columns:40% minmax(0,1fr); min-height:326px;
  overflow:visible; border:1px solid #d4d1bd; border-radius:var(--radius-structure); isolation:isolate;
  background:radial-gradient(ellipse at 90% 90%,#e7debe28,transparent 65%),linear-gradient(130deg,#fffef8,#f8f5e9);
  box-shadow:0 9px 15px -13px #443b23a0,inset 0 0 0 2px #fffff780;
  transition:box-shadow .3s,border-color .3s;
}
.timeline-page .timeline-card::after {
  content:''; position:absolute; inset:0; pointer-events:none; border-radius:inherit; z-index:4;
  opacity:.06; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2387826a' opacity='.7' filter='url%28%23n%29' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
}
.timeline-page .directory-row:hover .timeline-card,.timeline-page .directory-row:focus-visible .timeline-card {
  transform:none; border-color:#bca873; box-shadow:0 15px 27px -17px #453b2080,inset 0 0 0 2px #fffff780;
}
.timeline-page .directory-row[data-status=revealed] .timeline-card { grid-template-columns:33% minmax(0,1fr) 24%; border-color:#d5be88; }
.timeline-page .directory-row .directory-mark {
  position:relative; display:block; width:100%; height:100%; min-height:326px;
  border-radius:var(--radius-structure) 0 0 var(--radius-structure); overflow:visible; background:none; isolation:isolate;
}
.timeline-page .directory-row .directory-mark::before {
  content:''; position:absolute; display:block; inset:0; width:auto; height:auto; transform:none;
  border:0; border-radius:var(--radius-structure) 0 0 var(--radius-structure); z-index:-2; background:#132b23 url('./assets/moonlit-forest-v1.webp') center 30%/cover no-repeat;
  clip-path:polygon(0 0,92% 0,100% 10%,100% 90%,92% 100%,0 100%);
}
.timeline-page .directory-row[data-status=revealed] .directory-mark::before {
  background:#e4deba url('./assets/sunlit-valley-v1.webp') center/cover no-repeat;
  clip-path:none; border-radius:var(--radius-structure) 0 0 var(--radius-structure);
}
.timeline-page .directory-row .directory-mark>.model-artwork {
  position:absolute; top:50%; left:7%; width:86%; height:86%; max-height:none; transform:translateY(-46%);
  object-fit:contain; padding:0; z-index:2; filter:drop-shadow(0 10px 5px #0c1d1a24);
  transition:translate .6s cubic-bezier(.2,.7,.2,1),rotate .6s;
}
.timeline-page .directory-row:hover .directory-mark>.model-artwork,.timeline-page .directory-row:focus-visible .directory-mark>.model-artwork { translate:0 -4px; rotate:-1deg; }
.timeline-page .directory-row[data-entry=space-bunny-alpha] .directory-mark>.model-artwork { transform:translateY(-48%); }
.timeline-page .directory-row[data-entry=union-alpha] .directory-mark>.model-artwork { left:12%; width:76%; height:70%; padding:12px; background:#080b0a; border:1px solid #ceb779; border-radius:50%; box-shadow:0 9px 24px #3e412729; }
.timeline-page .directory-row[data-entry=union-alpha] .union-artwork-image { border-radius:50%; mix-blend-mode:lighten; }
.scene-orbit { position:absolute; inset:6% 13%; border:1px solid #d9bb6870; border-left-color:#d9bb68; border-radius:50%; z-index:1; transform:rotate(-20deg); pointer-events:none; }
[data-status=revealed] .scene-orbit { inset:-2% 9% 8%; border:3px double #d9b563; border-radius:50% 50% 10px 10px;/* radius: custom */ transform:none; mask-image:linear-gradient(#000 80%,transparent); }
.scene-star { position:absolute; color:#f9db84; text-shadow:0 0 12px #f8d67b; z-index:3; pointer-events:none; }
.scene-star-one { left:12%; top:28%; font-size:25px; }.scene-star-two { right:13%; top:10%; font-size:12px; }
[data-status=revealed] .scene-star { display:none; }
.scene-caption { position:absolute; bottom:21px; left:22px; z-index:3; font:italic 20px/1.12 Georgia,serif; color:#f5d680; text-shadow:0 2px 4px #09180b; transform:rotate(-7deg); }
[data-status=revealed] .scene-caption { display:none; }
.timeline-page .directory-copy { position:relative; min-width:0; display:flex; flex-direction:column; padding:27px 31px 22px; }
.timeline-page .directory-row[data-status=stealth] .directory-copy { padding-right:35px; }
.timeline-page .entry-topline { min-height:22px; justify-content:flex-start; gap:15px; }
.timeline-page .directory-availability { font-size:9px; color:#78806c; }
.timeline-page .identity-label { font-size:9px; font-weight:650; letter-spacing:.075em; text-transform:uppercase; padding:5px 9px; }
.timeline-page .identity-label[data-identity=revealed] { color:#9e731b; background:#f7ebcd; box-shadow:inset 0 0 0 1px #dbc1814d; }
.timeline-page .directory-name { max-width:none; min-height:0; font-size:clamp(27px,2.8vw,37px); font-weight:600; line-height:1.12; letter-spacing:-1.4px; margin-top:14px; }
.timeline-page .directory-summary { font-size:14px; line-height:1.7; margin-top:13px; color:#4f594e; }
.timeline-page .directory-row[data-status=stealth] .directory-summary { max-width:calc(100% - 85px); }
.timeline-page .directory-row .model-specialties { font-size:10px; margin-top:15px; line-height:2; }
.timeline-page .specialty-tag { background:#e7e9dd90; border:1px solid #d3d9c580; padding:3px 7px; font-size:10px; color:#465544; }
.timeline-page .entry-bottom { margin-top:auto; padding-top:17px; gap:10px; min-height:43px; border-color:#dcd7c5; }
.timeline-page .model-specialties { padding-bottom:21px; }
.timeline-page .entry-action { font-size:12px; color:#274b3a; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.timeline-page .entry-action>span { margin-left:13px; font-size:17px; }
.timeline-page .entry-milestone { font-size:9px; color:#747963; }
.timeline-page .entry-milestone time { margin-left:0; display:block; color:#586148; }
.timeline-page .directory-row[data-status=stealth] .entry-milestone { display:none; }
.timeline-page .directory-row[data-status=stealth] .entry-action { margin-left:0; }
.secret-corner { position:absolute; right:0; top:0; z-index:3; width:80px; height:80px; border-radius:0 var(--radius-structure) 0 0; background:#193b2b; clip-path:polygon(0 0,100% 0,100% 100%); pointer-events:none; }
.secret-corner img { position:absolute; top:7px; right:7px; width:30px; height:30px; transform:rotate(8deg); transition:translate .45s,rotate .45s; }
.secret-corner::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,#fffef8 40%,#e7e3d0 73%,#f9f8ec 82%); clip-path:polygon(0 0,65% 40%,100% 100%,0 100%); filter:drop-shadow(2px -2px 3px #13231966); transform-origin:top right; transition:transform .45s; }
.directory-row:hover .secret-corner img,.directory-row:focus-visible .secret-corner img { translate:-2px 3px; rotate:-12deg; }
.directory-row:hover .secret-corner::after,.directory-row:focus-visible .secret-corner::after { transform:translate(-2px,3px) rotate(-4deg); }
[data-status=revealed] .secret-corner,[data-status=revealed] .stealth-seal { display:none; }
.stealth-seal { position:absolute; right:26px; top:112px; width:84px; height:84px; color:#948865; opacity:.65; pointer-events:none; transform:rotate(11deg); }
.stealth-seal svg { display:block; width:100%; height:100%; overflow:visible; fill:none; stroke:currentColor; stroke-width:.7; }
.stealth-seal svg circle:nth-of-type(2) { stroke-dasharray:1 3; opacity:.5; }.stealth-seal text { stroke:none; fill:currentColor; font:9px 'DM Sans',sans-serif; letter-spacing:2px; }
.stealth-seal img { position:absolute; inset:25px; width:34px; height:34px; opacity:.8; filter:sepia(1); mix-blend-mode:multiply; }
.postmark-lines { position:absolute; left:76px; top:36px; width:23px; height:22px; border-block:1px solid; border-radius:50%; opacity:.5; }
.postmark-lines::before { content:''; position:absolute; left:0; right:0; top:8px; border-top:1px solid; border-radius:50%; }
.identity-panel {
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0;
  margin:-5px -7px -5px 0; padding:27px 22px 24px; border:4px double #c29b50; border-radius:var(--radius-structure);
  background:radial-gradient(ellipse at 100% 0,#fffefac4,transparent 70%),linear-gradient(95deg,#d1c29b24,#fbf6e6 12%,#fffaf0);
  box-shadow:inset 6px 0 10px -9px #6c5c36,2px 4px 3px #b4a07825; transform-origin:left center;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s; text-align:center;
}
.identity-panel::before { content:''; position:absolute; inset:6px; border:1px solid #d6b975; border-radius:var(--radius-structure); pointer-events:none; }
.identity-panel::after { content:''; position:absolute; inset:12px; border:1px solid #e0cea754; border-radius:var(--radius-structure); pointer-events:none; }
.directory-row:hover .identity-panel,.directory-row:focus-visible .identity-panel { transform:perspective(900px) rotateY(-3deg); box-shadow:inset 6px 0 10px -9px #6c5c36,5px 5px 5px #b4a07835; }
[data-status=stealth] .identity-panel { display:none; }
.reveal-sun { width:66px; height:40px; color:#bd943b; stroke-width:1; margin-bottom:20px; }
.identity-panel-label { font-size:8px; font-weight:700; letter-spacing:.22em; color:#4c5645; }
.timeline-page .directory-official { display:block; margin-top:17px; font:600 clamp(21px,2vw,27px)/1.16 Georgia,serif; color:#263b2e; width:100%; overflow-wrap:anywhere; }
.timeline-page .directory-official .official-name { font:inherit; color:inherit; line-height:inherit; }
.identity-date { margin-top:12px; color:#536049; font:16px/1.3 Georgia,serif; }.identity-date:empty { display:none; }
.identity-wax { position:relative; display:grid; place-items:center; width:62px; height:62px; margin:25px auto 0; border:3px solid #b05d3d; border-radius:44% 52% 42% 54% / 49% 45% 51% 47%;/* radius: custom */ background:radial-gradient(circle at 32% 20%,#d99469,#b65e3f 63%,#924b35); box-shadow:inset 1px 2px 1px #e4ae85,inset -2px -2px 2px #834431,1px 4px 4px #683b2a36; }
.identity-wax::before { content:''; position:absolute; inset:5px; border:1px solid #e1a17b; border-radius:50%; box-shadow:0 0 0 1px #914c37; }
.identity-wax img { width:34px; height:34px; opacity:.6; filter:sepia(1) saturate(.5); mix-blend-mode:multiply; transform:rotate(-10deg); }
.timeline-page .directory-bottom { padding-top:1px; }
@media(max-width:1150px) {
  .timeline-page .timeline-card { grid-template-columns:37% minmax(0,1fr); min-height:310px; }
  .timeline-page .directory-row[data-status=revealed] .timeline-card { grid-template-columns:31% minmax(0,1fr) 24%; }
  .timeline-page .directory-row .directory-mark { min-height:310px; }
  .timeline-page .directory-copy { padding:23px 23px 18px; }.timeline-page .directory-row[data-status=stealth] .directory-copy { padding-right:25px; }
  .timeline-page .directory-name { font-size:30px; }.timeline-page .directory-summary { font-size:13px; }
  .timeline-page .entry-bottom { flex-wrap:wrap; }.timeline-page .entry-milestone time { display:inline; }
  .identity-panel { padding-inline:17px; }.timeline-page .directory-official { font-size:23px; }
}
@media(max-width:1000px) {
  .stealth-seal { width:70px; height:70px; right:19px; top:110px; }.stealth-seal img { inset:20px; width:30px; height:30px; }.postmark-lines { left:64px; width:18px; }
  .timeline-page .directory-row[data-status=stealth] .directory-summary { max-width:calc(100% - 65px); }
  .timeline-page .directory-row[data-status=revealed] .timeline-card { grid-template-columns:36% minmax(0,1fr); }
  .identity-panel { grid-column:1/-1; display:grid; grid-template-columns:50px minmax(0,1fr) auto 50px; gap:0 16px; margin:0 -4px -5px; padding:19px 25px; text-align:left; }
  .identity-panel::after { display:none; }
  .reveal-sun { grid-column:1; grid-row:1/3; width:50px; height:34px; margin:0; }
  .identity-panel-label { grid-column:2; grid-row:1; font-size:7px; }.timeline-page .directory-official { grid-column:2; grid-row:2; margin-top:6px; font-size:24px; }
  .identity-date { grid-column:3; grid-row:1/3; margin:0; font-size:14px; }.identity-wax { grid-column:4; grid-row:1/3; width:47px; height:47px; margin:0; }.identity-wax img { width:26px; height:26px; }
  .scene-caption { font-size:18px; left:16px; bottom:16px; }
}
@media(max-width:760px) {
  .timeline-page .wrap { width:calc(100% - 32px); }
  .timeline-page .directory-hero { padding:23px 0; }.timeline-page .directory-hero h1 { font-size:38px; }.timeline-page .directory-description { font-size:12px; }
  .timeline-page .directory-row { margin-bottom:27px; scroll-margin-top:225px; }
  .timeline-page .timeline-node { position:absolute; top:0; left:11px; margin-top:15px; width:10px; height:10px; border-width:2px; }
  .timeline-page .timeline-date { margin-top:36px; }
  .timeline-page .timeline-card,.timeline-page .directory-row[data-status=revealed] .timeline-card { display:flex; flex-direction:column; min-height:0; }
  .timeline-page .directory-row .directory-mark { flex:none; position:relative; top:auto; right:auto; width:100%; height:230px; min-height:0; border-radius:var(--radius-structure) var(--radius-structure) 0 0; }
  .timeline-page .directory-row .directory-mark::before { border-radius:var(--radius-structure) var(--radius-structure) 0 0; clip-path:polygon(0 0,100% 0,100% 90%,92% 100%,8% 100%,0 90%); background-position:center 30%; }
  .timeline-page .directory-row[data-status=revealed] .directory-mark::before { border-radius:var(--radius-structure) var(--radius-structure) 0 0; clip-path:none; }
  .timeline-page .directory-row .directory-mark>.model-artwork { left:11%; width:78%; height:94%; top:50%; transform:translateY(-48%); }
  .timeline-page .directory-row[data-entry=union-alpha] .directory-mark>.model-artwork { left:19%; width:62%; height:85%; }
  .scene-orbit { inset:5% 16%; }.scene-star-one { left:10%; top:30%; }.scene-star-two { right:13%; top:16%; }
  [data-status=revealed] .scene-orbit { inset:-9px 14% 10px; }
  .scene-caption { left:13px; bottom:18px; font-size:18px; }
  .secret-corner { width:57px; height:57px; }.secret-corner img { width:24px; height:24px; right:5px; top:4px; }
  .timeline-page .directory-copy,.timeline-page .directory-row[data-status=stealth] .directory-copy { padding:19px 20px 17px; }
  .timeline-page .entry-topline { padding-right:0; display:flex; min-height:19px; justify-content:space-between; }
  .timeline-page .identity-label { font-size:8px; }.timeline-page .directory-availability { display:block; font-size:8px; }
  .timeline-page .directory-name { max-width:none; min-height:0; font-size:29px; letter-spacing:-1px; margin-top:12px; }
  .timeline-page .directory-summary,.timeline-page .directory-row[data-status=stealth] .directory-summary { max-width:none; font-size:12px; margin-top:11px; line-height:1.7; }
  .timeline-page .directory-row .model-specialties { margin-top:12px; padding-bottom:15px; }.timeline-page .specialty-tag { font-size:9px; padding:3px 5px; }
  .timeline-page .entry-bottom { margin-top:0; padding-top:12px; min-height:30px; gap:8px; }.timeline-page .entry-action { font-size:11px; }
  .stealth-seal { display:none; }
  .identity-panel { display:grid; flex:none; grid-template-columns:34px minmax(0,1fr) 44px; gap:0 11px; padding:20px 18px; margin:0 -3px -4px; }
  .reveal-sun { width:34px; height:32px; grid-row:1/4; }.identity-panel-label { font-size:7px; letter-spacing:.13em; }
  .timeline-page .directory-official { font-size:22px; margin-top:7px; grid-column:2; grid-row:2; }
  .identity-date { font-size:13px; grid-column:2; grid-row:3; margin-top:8px; }.identity-wax { grid-column:3; grid-row:1/4; width:43px; height:43px; }.identity-wax img { width:24px; height:24px; }
  .timeline-page .entry-milestone { font-size:8px; }.timeline-page .entry-milestone time { margin-left:3px; }
  .timeline-page .directory-bottom { padding-bottom:28px; }
}
@media(max-width:360px) {
  .timeline-page .wrap { width:calc(100% - 24px); }.timeline-page .directory-row .directory-mark { height:205px; }
  .timeline-page .directory-copy,.timeline-page .directory-row[data-status=stealth] .directory-copy { padding:17px 15px; }
  .timeline-page .directory-name { font-size:27px; }.identity-panel { grid-template-columns:minmax(0,1fr) 42px; padding:19px; gap:0 8px; }
  .reveal-sun { display:none; }.identity-panel-label,.timeline-page .directory-official,.identity-date { grid-column:1; }.identity-wax { grid-column:2; }
}
@media(prefers-reduced-motion:reduce) {
  .timeline-page .directory-row:hover .directory-mark>.model-artwork,.timeline-page .directory-row:focus-visible .directory-mark>.model-artwork { translate:none; rotate:none; }
  .directory-row:hover .identity-panel,.directory-row:focus-visible .identity-panel,.directory-row:hover .secret-corner::after,.directory-row:focus-visible .secret-corner::after { transform:none; }
  .directory-row:hover .secret-corner img,.directory-row:focus-visible .secret-corner img { translate:none; rotate:none; }
}
/* Announcements have neither a hidden-identity seal nor a reveal certificate. */
.timeline-page .directory-row[data-status=upcoming] .directory-mark::before{background:linear-gradient(150deg,#d8cfea,#f3eff8 58%,#bcc9dc);clip-path:none}
.timeline-page .directory-row[data-status=upcoming] .timeline-node{background:#7463ab;box-shadow:0 0 0 1px #7463ab}
.timeline-page .identity-label[data-identity=upcoming]{color:#65508f;background:#ece6f7}
.directory-row[data-status=upcoming] :is(.stealth-seal,.secret-corner,.scene-caption,.identity-panel){display:none}
.directory-row[data-family=released] :is(.stealth-seal,.secret-corner,.scene-caption,.identity-panel){display:none}
.timeline-page .directory-row[data-family=released] .directory-mark::before{background:linear-gradient(150deg,#d3e2d2,#f0f4eb 58%,#bbd1c9);clip-path:none}
.timeline-page .identity-label[data-identity=released]{color:#375c45;background:#e4eee1}