.sequence-shell{--sequence-title:clamp(48px,7.8vw,112px);--sequence-opening-title:clamp(52px,7vw,104px);--sequence-spread-title:clamp(40px,4.8vw,72px);--sequence-aperture-title:clamp(56px,8vw,112px);--sequence-chapter-title:clamp(44px,5.5vw,80px);--sequence-memory-title:var(--sequence-chapter-title);--sequence-static-title:var(--hattie-space-48);--sequence-poster-tilt:12deg;--sequence-deck-turn:8deg}
.sequence-shell :where(.story-chapter) h1,.sequence-shell :where(.story-chapter) h2{font-size:var(--sequence-title);line-height:1.08;letter-spacing:-.06em;font-weight:500}
.sequence-shell h1 span{display:block}.sequence-shell .story-stage{perspective:1200px}
.sequence-light .story-stage{background:var(--hattie-white);color:var(--hattie-black)}
.sequence-light .pc-work-link svg{color:var(--hattie-brand-blue)}.sequence-light :focus-visible{outline-color:var(--hattie-brand-blue)}
.sequence-opening .story-stage{background:var(--hattie-black)}
.sequence-posters{position:absolute;inset:0;isolation:isolate}
.sequence-poster{position:absolute;top:12%;height:76%;width:30%;box-shadow:var(--hattie-photo-shadow);transform-origin:50% 80%}
.sequence-poster-1{left:55%;top:8%;height:84%;z-index:3;transform:rotate(2deg)}
.sequence-poster-2{left:36%;transform:rotate(calc(-1 * var(--sequence-poster-tilt)));z-index:1}
.sequence-poster-3{left:72%;transform:rotate(var(--sequence-poster-tilt));z-index:2}
.sequence-poster-1 img{object-position:45% 30%}
.sequence-opening-copy{position:absolute;z-index:4;left:var(--story-gutter);top:32%;padding-block:var(--hattie-space-24);max-width:62%;text-shadow:0 2px 24px var(--hattie-black)}
.sequence-opening-copy::before{content:'';position:absolute;inset:-64px -48px;z-index:-1;background:var(--hattie-photo-shade);pointer-events:none}
.sequence-opening-copy h1{font-size:var(--sequence-opening-title)}
.sequence-opening-end{position:absolute;z-index:4;bottom:var(--hattie-space-48);left:var(--story-gutter);padding:var(--hattie-space-24);background:var(--hattie-black)}
.sequence-opening-end>p{font-size:var(--hattie-space-32)}
.sequence-hint{position:absolute;z-index:5;left:var(--story-gutter);bottom:var(--hattie-space-16);font-size:var(--hattie-secondary-size)}
[data-sequence-reading-hint]{display:none}.sequence-shell[data-static] [data-sequence-reading-hint]{display:inline}.sequence-shell[data-static] [data-sequence-motion-hint]{display:none}
.sequence-spread-main,.sequence-spread-small{position:absolute;z-index:1}.sequence-spread-main{left:6%;top:5%;width:42%;height:90%}.sequence-spread-small{left:55%;top:6%;width:22%;height:43%}
.sequence-spread-copy{position:absolute;z-index:2;left:55%;right:var(--story-gutter);bottom:9%}.sequence-spread-copy h2{font-size:var(--sequence-spread-title)}
.sequence-spread-name{position:absolute;left:var(--story-gutter);bottom:-3%;font-size:18vw;line-height:1;letter-spacing:-.07em;color:var(--hattie-grey-line);white-space:nowrap;pointer-events:none}
.sequence-aperture .story-stage{background:var(--hattie-brand-blue);color:var(--hattie-white)}
.sequence-aperture-media{position:absolute;inset:0 0 0 46%}.sequence-aperture-media img{object-position:50% 25%}
.sequence-aperture-copy{position:absolute;z-index:2;left:var(--story-gutter);top:18%;max-width:42%}.sequence-aperture-copy h2{font-size:var(--sequence-aperture-title)}
.sequence-aperture-copy .pc-work-link svg{color:var(--hattie-white)}
.sequence-aperture-word{position:absolute;z-index:1;left:var(--story-gutter);bottom:-2%;font-size:16vw;line-height:1;font-weight:500;letter-spacing:-.07em;color:var(--hattie-white);opacity:.18;pointer-events:none;white-space:nowrap}
.sequence-worlds-heading{position:absolute;left:var(--story-gutter);top:20%;max-width:39%;z-index:2}.sequence-worlds-heading h2{font-size:var(--sequence-chapter-title)}
.sequence-deck-hint{margin-top:var(--hattie-space-24)!important;font-size:var(--hattie-copy-size);line-height:1.6;color:var(--hattie-grey-light)}
.sequence-deck{position:absolute;left:48%;right:8%;top:8%;bottom:8%;perspective:1200px}
.sequence-deck .story-reel-item{position:absolute;inset:0 12%;width:auto;display:flex;flex-direction:column;gap:0;background:var(--hattie-charcoal);border:1px solid var(--hattie-grey);box-shadow:var(--hattie-photo-shadow);transform-origin:50% 80%}
.sequence-deck-card>.story-media{flex:1;min-height:0}.sequence-deck-card .story-media img{object-position:50% 25%}
.sequence-card-caption{padding:var(--hattie-space-12) var(--hattie-space-16);background:var(--hattie-black);opacity:0;flex:none}.sequence-card-caption h3{font-size:var(--hattie-space-24)}
.sequence-card-caption .pc-work-link{margin-top:var(--hattie-space-4)}.sequence-deck-card[data-selected] .sequence-card-caption{opacity:1}
.sequence-memory-copy{position:absolute;z-index:2;left:var(--story-gutter);top:8%;max-width:42%}.sequence-memory-copy h2{font-size:var(--sequence-memory-title)}
.sequence-prints{position:absolute;left:35%;right:6%;top:25%;bottom:10%;display:flex;align-items:end;gap:var(--hattie-space-12)}
.sequence-print{position:relative;display:flex;flex-direction:column;margin:0;width:33.333%;height:88%;background:var(--hattie-white);padding:var(--hattie-space-12);box-shadow:var(--hattie-photo-shadow);flex:none}
.sequence-print:nth-child(2){align-self:start}.sequence-print>.story-media{flex:1;min-height:0}.sequence-print figcaption{font-size:var(--hattie-secondary-size);line-height:1.5;padding-top:var(--hattie-space-12);flex:none;color:var(--hattie-charcoal)}
.sequence-shell[data-static] .sequence-opening-copy{top:15%}.sequence-shell[data-static] .sequence-opening-end{display:none}
.sequence-shell[data-static] .sequence-worlds{height:auto;min-height:var(--story-screen)}.sequence-shell[data-static] .sequence-worlds .story-stage{height:auto;min-height:var(--story-screen)}
.sequence-shell[data-static] .sequence-worlds-heading{position:relative;inset:auto;max-width:none;padding:var(--hattie-space-32) var(--story-gutter)}
.sequence-shell[data-static] .sequence-worlds-heading h2{font-size:var(--sequence-static-title)}.sequence-shell[data-static] .sequence-deck-hint{display:none}
.sequence-shell[data-static] .sequence-deck{position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hattie-space-24);padding:0 var(--story-gutter) var(--hattie-space-32)}
.sequence-shell[data-static] .sequence-deck-card{position:relative;inset:auto;width:auto;height:480px}.sequence-shell[data-static] .sequence-card-caption{opacity:1}
@media(max-width:767.98px){
 .sequence-shell{--sequence-title:clamp(36px,11vw,64px);--sequence-opening-title:clamp(40px,11.5vw,64px);--sequence-compact-title:clamp(30px,8.8vw,40px);--sequence-spread-title:var(--sequence-compact-title);--sequence-chapter-title:var(--sequence-compact-title);--sequence-aperture-title:clamp(40px,12vw,56px);--sequence-memory-title:clamp(36px,10vw,44px);--sequence-static-title:var(--hattie-space-32)}
 .sequence-poster{width:58%;height:67%;top:9%}.sequence-poster-1{left:30%;height:72%;top:5%}.sequence-poster-2{left:-8%;top:15%}.sequence-poster-3{left:72%;top:16%}
 .sequence-opening-copy{top:auto;bottom:16%;max-width:92%;padding:0}.sequence-opening-copy .story-kicker{margin-bottom:var(--hattie-space-12)!important}
 .sequence-opening-end{left:var(--hattie-space-24);right:var(--hattie-space-24);bottom:var(--hattie-space-32);padding:var(--hattie-space-16)}.sequence-opening-end>p{font-size:var(--hattie-space-24)}
 .sequence-hint{max-width:calc(100% - 48px);font-size:var(--hattie-secondary-size);line-height:1.5}
 .sequence-spread-main{left:0;top:4%;width:62%;height:61%}.sequence-spread-small{left:auto;right:4%;top:16%;width:32%;height:36%;border:4px solid var(--hattie-white)}
 .sequence-spread-copy{left:var(--hattie-space-24);right:var(--hattie-space-24);bottom:var(--hattie-space-24)}.sequence-spread-copy .story-kicker{margin-bottom:var(--hattie-space-8)!important}
 .sequence-spread-name{bottom:27%;font-size:24vw}
 .sequence-aperture-media{inset:0 0 25% 20%}.sequence-aperture-copy{top:auto;bottom:var(--hattie-space-32);left:var(--hattie-space-24);max-width:90%;padding:var(--hattie-space-16);background:var(--hattie-brand-blue)}.sequence-aperture-copy h2 br{display:none}.sequence-aperture-copy .story-kicker{margin-bottom:var(--hattie-space-8)!important}.sequence-aperture-word{display:none}
 .sequence-worlds-heading{left:var(--hattie-space-24);top:var(--hattie-space-24);max-width:90%}.sequence-worlds-heading h2 br{display:none}.sequence-worlds-heading .story-kicker{margin-bottom:var(--hattie-space-8)!important}.sequence-deck-hint{margin-top:var(--hattie-space-8)!important;font-size:var(--hattie-secondary-size)}
 .sequence-deck{left:4%;right:4%;top:29%;bottom:5%}.sequence-deck .story-reel-item{inset:0 13%}.sequence-card-caption{padding:var(--hattie-space-8) var(--hattie-space-12)}.sequence-card-caption h3{font-size:var(--hattie-space-20)}.sequence-card-caption .pc-work-link{display:grid;grid-template-columns:var(--hattie-space-20) minmax(0,1fr);gap:var(--hattie-space-4) var(--hattie-space-8);margin:var(--hattie-space-8) 0 0;font-size:var(--hattie-secondary-size)}.sequence-card-caption .pc-link-action{grid-column:1/-1}
 .sequence-memory-copy{left:var(--hattie-space-24);top:var(--hattie-space-24);max-width:95%}.sequence-memory-copy .story-kicker{margin-bottom:var(--hattie-space-12)!important}
 .sequence-prints{left:5%;right:5%;top:37%;bottom:11%;gap:var(--hattie-space-4)}.sequence-print{width:32%;padding:var(--hattie-space-4);height:84%}.sequence-print figcaption{font-size:var(--hattie-secondary-size);padding-top:var(--hattie-space-8)}
 .sequence-shell[data-static] .sequence-opening-copy{top:auto;bottom:16%}.sequence-shell[data-static] .sequence-deck{grid-template-columns:1fr;gap:var(--hattie-space-24)}.sequence-shell[data-static] .sequence-deck-card{inset:auto;height:440px}.sequence-shell[data-static] .sequence-worlds-heading{padding:var(--hattie-space-24)}
}

.sequence-navigation{--sequence-nav-width:640px;--sequence-nav-title:var(--hattie-space-24);--sequence-nav-control:var(--hattie-control-min);position:fixed;inset:0;width:min(var(--sequence-nav-width),calc(100% - var(--hattie-space-32)));max-height:calc(100dvh - var(--hattie-space-48));margin:auto;padding:var(--hattie-space-24);border:1px solid var(--hattie-grey);background:var(--hattie-white);color:var(--hattie-black);font-family:inherit;font-size:var(--front-copy-size,17px);line-height:1.5;overflow:auto;overscroll-behavior:contain}
.sequence-navigation::backdrop{background:var(--hattie-photo-shade)}
.sequence-navigation [hidden]{display:none!important}
.sequence-navigation :is(button,input,select){min-height:var(--sequence-nav-control);font:inherit;color:inherit;border:1px solid var(--hattie-grey);background:var(--hattie-white);border-radius:0}
.sequence-navigation button{cursor:pointer;padding:var(--hattie-space-8) var(--hattie-space-12)}
.sequence-navigation :focus-visible{outline:var(--hattie-focus-width) solid var(--hattie-brand-blue);outline-offset:var(--hattie-focus-offset)}
.sequence-navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--hattie-space-16);margin-bottom:var(--hattie-space-24)}
.sequence-navigation-heading{position:sticky;top:calc(-1 * var(--hattie-space-24));z-index:1;background:var(--hattie-white);padding-block:var(--hattie-space-16)}
.sequence-navigation-heading h2{font-size:var(--sequence-nav-title);margin:0;font-weight:500}
.sequence-navigation-heading button{flex:none}
.sequence-current,.sequence-result-count{font-size:var(--front-secondary-size,15px);margin:0 0 var(--hattie-space-16)}
.sequence-scene-list,.sequence-work-list{list-style:none;margin:0;padding:0}
.sequence-scene-list button{display:flex;align-items:center;text-align:start;gap:var(--hattie-space-24);width:100%;border:0;border-top:1px solid var(--hattie-grey-line);padding:var(--hattie-space-16) var(--hattie-space-12)}
.sequence-scene-list button>span:first-child{font-size:var(--front-secondary-size,15px);font-variant-numeric:tabular-nums}
.sequence-scene-list button[aria-current]{background:var(--hattie-brand-blue);color:var(--hattie-white)}
.sequence-scene-list button:hover:not([aria-current]),.sequence-work-list a:hover{background:var(--hattie-grey-line)}
.sequence-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--hattie-space-16);margin-bottom:var(--hattie-space-24)}
.sequence-filters label{display:flex;flex-direction:column;gap:var(--hattie-space-8);font-size:var(--front-secondary-size,15px);min-width:0}
.sequence-filters label:first-child{grid-column:1/-1}
.sequence-filters input,.sequence-filters select{width:100%;padding:var(--hattie-space-8) var(--hattie-space-12);font-size:var(--front-copy-size,17px)}
.sequence-filters button{align-self:end}
.sequence-work-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--hattie-space-8) var(--hattie-space-16);min-height:var(--sequence-nav-control);padding:var(--hattie-space-16) var(--hattie-space-8);border-top:1px solid var(--hattie-grey-line);color:inherit;text-decoration:none;overflow-wrap:anywhere}
.sequence-work-list small{grid-column:1;font-size:var(--front-secondary-size,15px)}
.sequence-result-arrow{grid-column:2;grid-row:1/3;align-self:center;color:var(--hattie-brand-blue)}
@media(max-width:767.98px){.sequence-navigation{width:100%;max-width:100%;box-sizing:border-box;max-height:85dvh;inset:auto 0 0;margin:0;padding:var(--hattie-space-24) var(--hattie-space-16);padding-bottom:max(var(--hattie-space-24),env(safe-area-inset-bottom))}}
.sequence-shell .story-controls [data-sequence-open]{font-size:var(--front-secondary-size,15px)}