/* Contact sheets thrown onto a darkroom floor. Typography is part of the edit. */
.photo-trail{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:10;perspective:900px}
.trail-card{position:absolute;left:0;top:0;width:200px;height:155px;border:5px solid #e9e3d3;border-bottom-width:23px;background:#e9e3d3;box-shadow:7px 12px 30px #000b;opacity:0;will-change:transform,opacity}
.trail-card img{width:100%;height:100%;object-fit:cover;filter:contrast(1.15)}
.trail-card>span{position:absolute;bottom:-19px;left:2px;font:8px var(--mono);color:#111;letter-spacing:.04em}
.hero-scrawl{font-size:35px;transform:rotate(-14deg);bottom:29px;left:56%}.pirate-sticker{box-shadow:7px 7px #ff3b25}
.field-strip{height:clamp(640px,58vw,840px);display:block;margin:38px 0 10px;padding:0;perspective:1400px;isolation:isolate;overflow:clip;border-top:1px solid #ddd4;border-bottom:1px solid #ddd4;background:radial-gradient(ellipse at 50% 70%,#28251966,transparent 70%)}
.field-strip figure{position:absolute;margin:0;border:7px solid #d5d2c5;border-bottom-width:30px;box-shadow:13px 19px 30px #000b;height:53%;will-change:transform;transform-origin:50% 50%;overflow:visible}
.field-strip figure:first-child{left:2%;top:12%;width:36%;height:50%;transform:rotate(-7deg);z-index:3}
.field-strip figure:nth-child(2){left:29%;top:32%;width:41%;height:52%;transform:rotate(5deg);z-index:4}
.field-strip figure:nth-child(3){left:66%;top:9%;width:31%;height:51%;transform:rotate(8deg);z-index:3}
.field-strip figure::before{top:-20px;height:35px;width:37%;left:24%;transform:rotate(-14deg);background:#c4b088b3;backdrop-filter:blur(3px);clip-path:polygon(1% 7%,97% 0,100% 80%,94% 100%,0 91%,3% 58%)}
.field-strip figure:nth-child(3)::before{left:59%;transform:rotate(17deg);width:31%}
.field-strip figure:nth-child(2)::after{left:6%;bottom:15%;font-size:clamp(20px,2.6vw,40px);z-index:7}
.field-strip figure .photo-window{height:100%;width:100%;overflow:hidden;background:#080808}
.field-strip figcaption{inset:16px 15px auto;pointer-events:none}.field-strip figcaption b{font-size:clamp(14px,1.5vw,22px)}
.field-strip figcaption>span:not(.strip-coordinates){font-size:9px;margin-top:90px}
.field-strip figcaption .strip-coordinates{position:absolute;top:12px;right:0;font-size:9px;line-height:1.35}
.field-strip>p{position:absolute;right:2%;bottom:9%;width:30%;margin:0;display:block;padding:0;font:clamp(45px,6.2vw,96px)/1 Anton;letter-spacing:-.025em;z-index:6;transform:rotate(-3deg);text-shadow:3px 4px #050505}
.field-strip>p em{display:inline-block;font-style:normal;white-space:nowrap;transform:rotate(-2deg);padding:0 8px 8px;box-shadow:7px 7px #f24429;text-shadow:none;font-size:.91em}
.field-strip>p small{font:9px/1.4 var(--mono);letter-spacing:.1em;display:block;margin:24px 0 0 12px;color:#d8d5c9;text-shadow:none}.field-strip>p small br{display:none}
.collage-annotations{position:absolute;inset:0;pointer-events:none;display:contents}
.collage-index{position:absolute;left:3%;right:3%;top:18px;z-index:6;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.14em;color:#d1c9b8}.collage-index b{color:#ff4329;font-weight:normal}
.collage-outline{position:absolute;left:-7%;top:1%;font:clamp(110px,20.5vw,320px)/1 Anton;color:#e0dbcb;letter-spacing:-.035em;white-space:nowrap;opacity:.18;z-index:0;transform:rotate(-4deg)}
.collage-scribble{position:absolute;left:6%;bottom:10%;z-index:5;color:#f5db19;font:clamp(27px,3.2vw,50px)/1.05 Marker;transform:rotate(-8deg)}
.collage-cross{position:absolute;left:17%;top:61%;z-index:6;color:#f34228;font:clamp(95px,10vw,170px)/1 Arial;transform:rotate(-15deg)}
.collage-code{position:absolute;bottom:0;left:-2%;width:104%;background:linear-gradient(90deg,#f0d311,#faab0c,#f0d311);background-size:200% 100%;color:#0b0b0b;text-align:center;font:10px/27px var(--mono);letter-spacing:.4em;transform:rotate(1.6deg);z-index:8}
.broadcast{margin-top:22px;margin-bottom:76px;transform:rotate(-2.4deg)}.broadcast-track{font-size:clamp(38px,4.7vw,70px);padding:4px 0}.counter-tape{top:67px;height:34px;transform:rotate(4deg) skewX(calc(var(--velocity,0)*-10deg))}.counter-tape span{font-size:18px;line-height:34px}
.signal-tear{inset:10% -7% 12%;gap:24px;transform:rotate(-8deg)}.signal-tear>span{font-size:clamp(40px,8vw,120px);padding:12px 30px;box-shadow:9px 15px 0 #05050580}.signal-tear>span:nth-child(2){transform:rotate(12deg)}.signal-tear>span:nth-child(3){font-size:clamp(35px,6vw,95px);transform:rotate(-3deg)}
.roster-heading .display{font-size:clamp(38px,4.1vw,64px);box-shadow:7px 7px #fb3c25}.roster-heading{margin-bottom:37px}.roster-scrawl{right:20%;top:-36px}
@media(min-width:701px) and (max-width:1100px){.hero-scrawl{font-size:24px;left:56%;bottom:24px}.field-strip{height:660px}.field-strip>p{font-size:6.1vw;bottom:17%}.field-strip figure:first-child{top:15%;height:43%}.field-strip figure:nth-child(2){top:36%;height:46%}.field-strip figure:nth-child(3){top:12%;height:43%}.collage-cross{top:57%}.collage-scribble{bottom:13%;font-size:3.4vw}.roster-heading .display{font-size:3.9vw}.roster-scrawl{right:21%;font-size:19px;top:-28px}.counter-tape{top:53px}}
@media(max-width:700px){.photo-trail{display:none}.hero-scrawl{font-size:23px;left:6%;bottom:143px}.field-strip{height:700px;margin:20px 0 8px;perspective:900px}.field-strip figure{border-width:4px;border-bottom-width:21px}.field-strip figure:first-child{left:3%;top:72px;width:66%;height:231px;transform:rotate(-8deg);z-index:3}.field-strip figure:nth-child(2){left:37%;top:250px;width:62%;height:263px;transform:rotate(6deg);z-index:4}.field-strip figure:nth-child(3){left:0;top:401px;width:53%;height:228px;transform:rotate(-7deg);z-index:5}.field-strip figure::before{height:23px;top:-14px;width:44%}.field-strip figure:nth-child(2)::after{font-size:24px;left:8%;bottom:15%}.field-strip figcaption{inset:10px}.field-strip figcaption b{font-size:13px}.field-strip figcaption>span:not(.strip-coordinates){font-size:8px;margin-top:71px}.field-strip figcaption .strip-coordinates{top:8px;right:0;font-size:7px}.field-strip>p{font-size:9.6vw;width:47%;bottom:45px;right:0;padding:0;z-index:6;display:block;line-height:1.02}.field-strip>p br{display:block}.field-strip>p em{padding:2px 4px 5px;font-size:.9em;box-shadow:4px 5px #f24429}.field-strip>p small{font-size:6px;letter-spacing:.04em;margin:15px 0 0 2px;max-width:90%;line-height:1.7}.field-strip>p small br{display:none}.collage-index{top:18px;font-size:7px;letter-spacing:.05em}.collage-outline{font-size:25vw;top:29%;left:-5%;opacity:.3}.collage-cross{left:13%;top:45%;font-size:89px}.collage-scribble{left:6%;top:47%;bottom:auto;font-size:20px}.collage-code{font-size:7px;letter-spacing:.14em;line-height:22px}.broadcast{margin-top:20px;margin-bottom:58px;transform:rotate(-3deg)}.broadcast-track{font-size:33px}.counter-tape{top:49px;height:24px;transform:rotate(6deg)}.counter-tape span{font-size:13px;line-height:24px}.roster-heading .display{font-size:6.9vw;box-shadow:4px 5px #fb3c25;max-width:100%}.roster-heading{margin-bottom:46px}.roster-scrawl{top:50px;right:1%;font-size:15px}.signal-tear{inset:17% -8% 22%;gap:18px}.signal-tear>span{font-size:47px;padding:10px 17px}.signal-tear>span:nth-child(3){font-size:36px}}
@media(max-width:360px){.hero-scrawl{font-size:19px;bottom:141px}.field-strip{height:640px}.field-strip figure:first-child{top:62px;height:208px}.field-strip figure:nth-child(2){top:225px;height:236px}.field-strip figure:nth-child(3){top:366px;height:211px}.field-strip>p{bottom:40px}.collage-scribble{font-size:17px}.collage-cross{font-size:77px}.field-strip figure:nth-child(2)::after{font-size:21px}}
.motion-paused .photo-trail{display:none}.motion-paused .field-strip figure{will-change:auto}
@media(prefers-reduced-motion:reduce){.photo-trail{display:none}.field-strip figure{will-change:auto}}