/* v9 — printed matter, uneven cuts and contact-print borders. */
.poster-hero,.kit-index,.people-spread,.studio-ribbon,.film-section,.news-section,.contact-band,.page-hero{position:relative}
.poster-hero{background-image:url('/assets/paper-grain.svg');padding-bottom:39px}
.poster-hero:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:17px;background:var(--ink);clip-path:polygon(0 58%,3% 41%,6% 62%,9% 29%,12% 43%,16% 40%,19% 53%,22% 21%,26% 40%,29% 32%,32% 53%,35% 46%,38% 67%,41% 39%,44% 48%,47% 35%,51% 43%,54% 18%,58% 37%,61% 27%,65% 51%,68% 32%,71% 47%,74% 38%,78% 53%,81% 29%,84% 44%,87% 23%,90% 43%,94% 34%,97% 51%,100% 37%,100% 100%,0 100%);pointer-events:none;z-index:5}
.poster-stage h1{font-size:26.8vw;overflow:visible}
.poster-word{display:inline-flex;position:relative;rotate:-1.2deg;transform-origin:50% 65%;-webkit-mask-image:url('/assets/ink-wear.svg');mask-image:url('/assets/ink-wear.svg');-webkit-mask-size:260px 190px;mask-size:260px 190px;padding:.025em .02em .06em 0}
.poster-letter{display:inline-block;transform-origin:50% 80%}
.poster-letter:nth-child(1){rotate:-1.8deg;translate:0 .009em}
.poster-letter:nth-child(2){rotate:2.2deg;translate:0 .028em}
.poster-letter:nth-child(3){rotate:-1.2deg;translate:0 -.013em}
.poster-letter:nth-child(4){rotate:1.3deg;translate:0 .017em}
.poster-letter:nth-child(5){rotate:-1.6deg;translate:0 -.008em}
.poster-margin{background:var(--ink);color:var(--paper);padding:14px 18px 16px;rotate:-4deg;left:1%;bottom:37px;font-size:clamp(26px,2.8vw,43px);clip-path:polygon(1% 2%,98% 0,99% 8%,100% 98%,87% 96%,64% 100%,33% 98%,0 100%)}
.poster-caption{background:var(--paper);color:var(--ink);padding:10px 13px;border:0;rotate:1.8deg;bottom:14px;box-shadow:2px 3px 0 #14151222}
.poster-manifesto span{position:relative;display:inline-block;z-index:0}
.poster-manifesto span:after{content:'';position:absolute;left:-2%;right:-5%;bottom:-8px;height:6px;background:var(--ink);rotate:-1.5deg;clip-path:polygon(0 40%,19% 10%,49% 30%,79% 0,100% 36%,98% 90%,73% 65%,40% 100%,12% 78%);z-index:-1}
.chapter-nav{position:relative;z-index:2}
.chapter-nav:after{content:'';position:absolute;top:calc(100% - 1px);left:0;right:0;height:11px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 46%,97% 72%,93% 40%,89% 68%,85% 36%,81% 51%,78% 33%,73% 65%,68% 40%,64% 72%,60% 49%,57% 61%,52% 35%,48% 60%,43% 40%,39% 71%,35% 43%,31% 61%,26% 35%,22% 57%,18% 38%,13% 68%,8% 43%,4% 65%,0 41%);pointer-events:none}
.kit-index,.studio-ribbon,.film-section,.page-hero{background-image:url('/assets/paper-grain.svg')}
.kit-heading>.eyebrow,.film-heading>.eyebrow{width:fit-content;background:var(--ink);color:var(--paper);padding:9px 12px;rotate:-2deg;line-height:1.6}
.kit-heading h2 em,.film-heading h2 em{display:inline-block;rotate:-.7deg;padding-left:.08em}
.kit-stage{border:1px solid #4c5044;outline:1px solid var(--ink);outline-offset:5px;margin:6px}
.kit-stage-label{border:1px solid #949c84;padding:6px 8px;font-size:8px;top:18px;left:20px}
.kit-stage:after{content:'';position:absolute;top:18px;right:21px;width:15px;height:15px;border-top:1px solid #bfc6b2;border-right:1px solid #bfc6b2;pointer-events:none}
.kit-option.is-active{background-image:url('/assets/paper-grain.svg')}
.people-spread:before{content:'';position:absolute;top:-11px;left:0;right:0;height:12px;background:var(--ink);clip-path:polygon(0 40%,5% 65%,9% 29%,12% 50%,16% 40%,20% 73%,25% 35%,30% 55%,35% 25%,40% 48%,46% 34%,51% 57%,56% 38%,60% 62%,65% 32%,70% 47%,76% 24%,82% 54%,87% 37%,92% 65%,97% 36%,100% 53%,100% 100%,0 100%);pointer-events:none}
.people-top h2 em{display:inline-block;rotate:-1deg;padding-left:.08em}
.people-photo{rotate:-1.1deg;margin:10px 7px 15px;border:7px solid var(--paper);border-bottom-width:16px;clip-path:polygon(0 .35%,19% 0,39% .25%,65% .05%,85% .3%,99.65% 0,100% 24%,99.6% 48%,100% 70%,99.75% 99.8%,78% 100%,53% 99.7%,30% 100%,.2% 99.75%,0 75%,.3% 51%,0 25%)}
.people-photo figcaption{rotate:1.6deg;bottom:24px;box-shadow:3px 3px 0 #0003;clip-path:polygon(.5% 3%,99% 0,100% 95%,73% 100%,39% 96%,0 100%)}
.people-story>.eyebrow{color:var(--ink);background:var(--paper);display:inline-block;padding:6px 10px;rotate:-2deg}
.production-block{rotate:.65deg;background-image:url('/assets/paper-grain.svg');box-shadow:7px 9px 0 #aab19b35;clip-path:polygon(0 .7%,27% 0,63% .35%,100% 0,99.8% 27%,100% 66%,99.7% 99.6%,81% 99.8%,57% 99.3%,32% 100%,.3% 99.6%)}
.studio-ribbon>div{rotate:-1.2deg;border:6px solid var(--ink)}
.studio-ribbon h2{rotate:.6deg}
.film-picture{position:relative;border:10px solid var(--ink);border-top-width:16px;border-bottom-width:24px;clip-path:polygon(.2% 0,26% .35%,57% 0,78% .2%,100% 0,99.7% 25%,100% 63%,99.8% 100%,72% 99.7%,38% 100%,0 99.8%,.25% 64%,0 31%)}
.film-picture:after{content:'';position:absolute;inset:0;border:1px solid #ffffff38;pointer-events:none}
.film-panel:nth-child(2) .film-picture{rotate:.6deg}
.film-panel:nth-child(3) .film-picture{rotate:-.5deg}
.film-caption .eyebrow{width:fit-content;padding:5px 8px;background:var(--ink);color:var(--paper);rotate:-1.5deg}
.news-section{background-image:url('/assets/paper-grain.svg')}
.news-section:before{content:'';position:absolute;top:-10px;left:0;right:0;height:11px;background:#dadfd1;clip-path:polygon(0 52%,6% 22%,11% 53%,17% 34%,22% 65%,28% 38%,33% 58%,39% 27%,45% 54%,50% 41%,56% 69%,62% 35%,68% 57%,74% 39%,80% 64%,86% 32%,92% 51%,97% 28%,100% 49%,100% 100%,0 100%);pointer-events:none}
.news-card:nth-child(even){margin-top:24px}
.news-image{border:5px solid var(--paper);border-bottom-width:11px;rotate:-.75deg}
.news-card:nth-child(even) .news-image{rotate:1deg}
.news-meta{margin-top:16px}
.contact-band{background-image:url('/assets/paper-grain.svg')}
.contact-band h2 em{display:inline-block;rotate:-.8deg}
.page-hero h1 span{display:inline-block;rotate:-.6deg}
@media(max-width:850px){
 .poster-stage h1{font-size:26.4vw}
 .poster-margin{font-size:27px;left:1%;bottom:33px;padding:11px 13px 13px}
 .poster-caption{font-size:8px;padding:8px 10px}
 .kit-heading>.eyebrow,.film-heading>.eyebrow{padding:7px 10px}
 .people-photo{border-width:5px;border-bottom-width:13px;margin-left:5px;margin-right:5px}
 .kit-stage-label{left:15px;top:18px;font-size:7px}
 .kit-stage:after{right:15px}
}
@media(max-width:580px){
 .poster-stage h1{font-size:25.4vw}
 .poster-hero{padding-bottom:35px}
 .poster-word{rotate:-.7deg}
 .poster-margin{font-size:17px;left:1%;bottom:19px;padding:9px 10px 11px;rotate:-3deg}
 .poster-caption{font-size:6px;bottom:17px;right:0;padding:7px 8px}
 .poster-manifesto span:after{height:4px;bottom:-5px}
 .kit-heading>.eyebrow,.film-heading>.eyebrow{font-size:8px;rotate:-1.3deg}
 .kit-heading h2 em,.film-heading h2 em,.people-top h2 em{padding-left:0;rotate:0deg}
 .kit-stage{margin:5px;min-height:345px;outline-offset:4px}
 .kit-stage-label{font-size:7px}
 .people-photo{rotate:-.7deg;margin:8px 5px 12px}
 .people-photo figcaption{left:10px;right:10px;bottom:17px;max-width:calc(100% - 20px);font-size:6px}
 .production-block{rotate:.35deg;box-shadow:none}
 .studio-ribbon>div{border-width:4px}
 .film-picture{border-width:6px;border-top-width:10px;border-bottom-width:16px}
 .film-caption .eyebrow{font-size:7px}
 .news-card:nth-child(even){margin-top:18px}
 .news-image{border-width:3px;border-bottom-width:8px}
 .page-hero h1 span{rotate:0deg}
}