.sequence-shell{
 --archive-title:clamp(32px,4.1vw,60px);--archive-caption:clamp(17px,1.6vw,24px);--archive-meta:var(--hattie-secondary-size);--archive-star-size:var(--hattie-space-20);
 --archive-gap:var(--hattie-space-24);--archive-paper:var(--hattie-space-12);--archive-frame-min:520px;--archive-photo-shadow:var(--hattie-photo-shadow);
 --archive-single-width:640px;--archive-reading-photo:clamp(220px,38vh,420px);--archive-action-underline:2px;
 --archive-tilt-left:-6deg;--archive-tilt-right:4deg;--archive-tilt-soft:-3deg;--archive-tilt-last:7deg;
}
.sequence-shell .sequence-archive{padding:0;background:var(--hattie-black);color:var(--hattie-white)}
.sequence-archive .sequence-archive-stage{height:var(--story-screen);min-height:var(--archive-frame-min);display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--archive-gap);padding:var(--hattie-space-32) var(--story-gutter);background:inherit;color:inherit;overflow:visible}
.sequence-archive-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--hattie-space-24);min-width:0}
.sequence-archive-heading h2{font-size:var(--archive-title);line-height:1.1;font-weight:500;letter-spacing:-.045em;margin:0;word-break:keep-all;overflow-wrap:anywhere}
.sequence-archive-heading p{flex:none;font-size:var(--archive-meta);line-height:1.5;margin:0;font-variant-numeric:tabular-nums}
.sequence-archive-layout{min-height:0;position:relative;display:grid;gap:var(--archive-gap)}
.sequence-archive-card{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;isolation:isolate;--archive-card-turn:0deg}
.sequence-archive-photo{height:100%;min-height:0}
.sequence-archive-caption{min-width:0;position:relative;padding-block:var(--hattie-space-12);color:inherit}
.sequence-archive-caption h3{display:flex;align-items:start;gap:var(--hattie-space-8);font-size:var(--archive-caption);font-weight:500;line-height:1.3;margin:0;overflow-wrap:anywhere}
.sequence-archive-caption h3 svg{width:var(--archive-star-size);height:var(--archive-star-size);margin-top:var(--hattie-space-4);flex:none;color:var(--archive-accent,var(--hattie-blue-light))}
.sequence-archive-cta{display:block;position:relative;width:fit-content;max-width:100%;padding-right:var(--hattie-space-20);margin-top:var(--hattie-space-8);font-size:var(--archive-meta);line-height:1.5;text-decoration:underline;text-underline-offset:var(--hattie-space-4);color:var(--archive-accent,var(--hattie-blue-light))}
.sequence-archive-cta b{position:absolute;top:0;right:0;font:inherit}
.sequence-archive-link{position:absolute;inset:0;z-index:2}
.sequence-archive-card:focus-within{z-index:4}
.sequence-archive-card:has(.story-media-error:not([hidden])){z-index:5}
.sequence-archive-link:focus-visible{outline:var(--hattie-focus-width) solid var(--archive-accent,var(--hattie-blue-light));outline-offset:var(--hattie-focus-offset)}
@media(hover:hover){.sequence-archive-card:hover .sequence-archive-cta{text-decoration-thickness:var(--archive-action-underline)}}
.archive-cinema .sequence-archive-layout{grid-template-columns:1.7fr repeat(3,minmax(0,1fr));align-items:end}
.archive-cinema .sequence-archive-card{height:76%}
.archive-cinema .sequence-archive-card:first-child{height:100%}
.archive-cinema .sequence-archive-card:first-child .sequence-archive-caption{padding-inline:var(--hattie-space-16);background:var(--hattie-charcoal)}
.archive-cinema .sequence-archive-card:first-child h3{font-size:var(--hattie-space-32)}
.archive-cinema .sequence-archive-layout[data-archive-count="3"]{grid-template-columns:1.7fr repeat(2,minmax(0,1fr))}
.archive-cinema .sequence-archive-layout[data-archive-count="2"]{grid-template-columns:1.7fr minmax(0,1fr)}
.sequence-shell .archive-diptych{background:var(--hattie-white);color:var(--hattie-black);--archive-accent:var(--hattie-brand-blue)}
.archive-diptych .sequence-archive-layout{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:'a a b b' 'a a c d'}
.archive-diptych .sequence-archive-card:nth-child(1){grid-area:a}.archive-diptych .sequence-archive-card:nth-child(2){grid-area:b}.archive-diptych .sequence-archive-card:nth-child(3){grid-area:c}.archive-diptych .sequence-archive-card:nth-child(4){grid-area:d}
.archive-diptych .sequence-archive-caption{background:var(--hattie-white)}
.archive-diptych .sequence-archive-card:first-child h3{font-size:var(--hattie-space-32)}
.sequence-shell .archive-cascade{background:var(--hattie-brand-blue);color:var(--hattie-white);--archive-accent:var(--hattie-white)}
.archive-cascade .sequence-archive-layout{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.archive-cascade .sequence-archive-card{height:92%}
.archive-cascade .sequence-archive-card:nth-child(odd){align-self:start;height:86%}
.sequence-shell .archive-cheki{background:var(--hattie-grey-surface);color:var(--hattie-black);--archive-accent:var(--hattie-brand-blue)}
.archive-cheki .sequence-archive-layout{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:var(--hattie-space-24) var(--hattie-space-16)}
.archive-cheki .sequence-archive-layout[data-archive-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.archive-cheki .sequence-archive-card{height:88%;padding:var(--archive-paper);background:var(--hattie-white);box-shadow:var(--archive-photo-shadow);transform:rotate(var(--archive-card-turn))}
.archive-cheki .sequence-archive-card:nth-child(1){--archive-card-turn:var(--archive-tilt-left)}.archive-cheki .sequence-archive-card:nth-child(2){--archive-card-turn:var(--archive-tilt-right);align-self:start}.archive-cheki .sequence-archive-card:nth-child(3){--archive-card-turn:var(--archive-tilt-soft)}.archive-cheki .sequence-archive-card:nth-child(4){--archive-card-turn:var(--archive-tilt-last);align-self:end}
.archive-cheki .sequence-archive-caption{padding-bottom:0}
.archive-cheki .sequence-archive-caption h3{font-size:var(--hattie-copy-size)}
.sequence-archive .sequence-archive-layout[data-archive-count="1"]{display:grid;grid-template: minmax(0,1fr)/minmax(0,1fr)}
.sequence-archive .sequence-archive-layout[data-archive-count="1"]>.sequence-archive-card:first-child{grid-area:auto;justify-self:center;width:min(100%,var(--archive-single-width));height:100%;align-self:stretch}
@media(max-width:767.98px){
 .sequence-shell{--archive-title:clamp(28px,8vw,36px);--archive-caption:var(--hattie-copy-size);--archive-gap:var(--hattie-space-16);--archive-paper:var(--hattie-space-8);--archive-star-size:var(--hattie-space-16)}
 .sequence-archive .sequence-archive-stage{padding:var(--hattie-space-24) var(--hattie-space-16)}
 .sequence-archive-heading{align-items:start;gap:var(--hattie-space-12)}
 .sequence-archive-heading h2{max-width:8em}.sequence-archive-heading p{padding-top:var(--hattie-space-4)}
 .archive-cinema .sequence-archive-layout{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr) minmax(0,42%);gap:var(--hattie-space-8)}
 .archive-cinema .sequence-archive-card:first-child{grid-area:1/1/-1/-1}
 .archive-cinema .sequence-archive-card:not(:first-child){grid-row:2;height:100%;background:var(--hattie-black);border:1px solid var(--hattie-grey-light)}
 .archive-cinema .sequence-archive-card:nth-child(2){grid-column:1}.archive-cinema .sequence-archive-card:nth-child(3){grid-column:2}.archive-cinema .sequence-archive-card:nth-child(4){grid-column:3}
 .archive-cinema .sequence-archive-card:first-child .sequence-archive-caption{position:absolute;inset:0 0 auto;padding:var(--hattie-space-12);background:var(--hattie-black)}
 .archive-cinema .sequence-archive-card:first-child h3{font-size:var(--hattie-space-24)}
 .archive-cinema .sequence-archive-card:not(:first-child) .sequence-archive-caption{padding:var(--hattie-space-8)}
 .archive-cinema .sequence-archive-card:not(:first-child) .sequence-archive-cta{font-size:var(--archive-meta)}
 .archive-cinema .sequence-archive-layout[data-archive-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .archive-cinema .sequence-archive-layout[data-archive-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .archive-cinema .sequence-archive-layout[data-archive-count="2"]>.sequence-archive-card:last-child{grid-column:2}
 .archive-diptych .sequence-archive-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-areas:'a b' 'a c' 'a d'}
 .archive-diptych .sequence-archive-card:first-child h3{font-size:var(--hattie-space-20)}
 .archive-diptych .sequence-archive-caption{padding-block:var(--hattie-space-8)}
 .archive-cascade .sequence-archive-layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--hattie-space-8) var(--hattie-space-16)}
 .archive-cascade .sequence-archive-card,.archive-cascade .sequence-archive-card:nth-child(odd){height:94%}
 .archive-cascade .sequence-archive-caption{padding-block:var(--hattie-space-8)}
 .archive-cascade .sequence-archive-cta{font-size:var(--archive-meta)}
 .archive-cheki .sequence-archive-layout,.archive-cheki .sequence-archive-layout[data-archive-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));padding:var(--hattie-space-8);gap:var(--hattie-space-16)}
 .archive-cheki .sequence-archive-layout[data-archive-count="3"]>.sequence-archive-card:last-child{grid-column:1/-1;width:55%;justify-self:center}
 .archive-cheki .sequence-archive-card{height:100%}.archive-cheki .sequence-archive-cta{font-size:var(--archive-meta)}
}
.sequence-shell[data-static] .sequence-archive-stage{height:auto;min-height:var(--story-screen)}
@media(max-width:360px){.archive-cinema .sequence-archive-card:not(:first-child) h3,.archive-cheki .sequence-archive-caption h3{--archive-star-size:var(--hattie-space-12);gap:var(--hattie-space-4)}}
.sequence-shell[data-static] .sequence-archive-layout{display:grid;grid-template: auto/repeat(2,minmax(0,1fr));align-items:start}
.sequence-shell[data-static] .sequence-archive .sequence-archive-layout>.sequence-archive-card{grid-area:auto;height:auto;transform:none;align-self:start;width:auto;justify-self:stretch}
.sequence-shell[data-static] .sequence-archive-photo{height:var(--archive-reading-photo)}
.sequence-shell[data-static] .sequence-archive .sequence-archive-caption{position:relative;inset:auto}
.sequence-shell[data-static] .archive-cinema .sequence-archive-layout>.sequence-archive-card:first-child{grid-column:1/-1}
@media(max-width:480px){.sequence-shell[data-static] .sequence-archive-layout{grid-template-columns:minmax(0,1fr)}.sequence-shell[data-static] .sequence-archive-layout[data-archive-count="3"]>.sequence-archive-card:last-child{width:auto}}