/* Fine line chapter artwork, kept away from project imagery. */
.work-module,.sketchbook{position:relative}
.chapter-art{position:absolute;right:0;top:38px;width:230px;height:225px;pointer-events:none;color:#8da9e0;opacity:.64}
.chapter-art>span{position:absolute;right:0;top:-20px;font:100px/1 Georgia,serif;color:transparent;-webkit-text-stroke:1px #6b83b33d}
.chapter-art svg{width:100%;height:180px;transition:transform 1s ease,filter 1s ease}
.chapter-art small{display:block;text-align:center;font-size:8px;letter-spacing:3px;color:#afbed9}
.work-module:hover>.chapter-art svg,.sketchbook:hover>.chapter-art svg{transform:rotate(-5deg);filter:drop-shadow(0 0 7px #86b4ff66)}
.module-heading{max-width:calc(100% - 280px);min-height:170px}
.module-heading .eyebrow:before{content:'✦';margin-right:12px;font-size:15px}
.contents-mark{position:relative;width:155px;height:155px;display:grid;place-items:center;font-size:62px;margin:30px 0 0 15px}
.contents-mark:before,.contents-mark:after{content:'';position:absolute;inset:10px;border:1px solid #8da9e04d;border-radius:50%;transform:rotate(-28deg) scaleX(1.3) scaleY(.65)}
.contents-mark:after{transform:rotate(28deg) scaleX(1.3) scaleY(.65);border-style:dashed}
.contents-list a{position:relative;padding-left:12px;padding-right:12px}
.contents-list a:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#8db6ff12,transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.contents-list a:hover:before,.contents-list a:focus-visible:before{transform:scaleX(1)}
.contents-arrow{transition:transform .3s}.contents-list a:hover .contents-arrow{transform:rotate(45deg)}
.module-back:before{content:'✧';margin-right:12px;color:#8da9e0}.module-back:hover{color:#dbe7ff}
.chapter-reveal{transition:opacity .7s ease,translate .7s ease}.chapter-reveal.reveal-wait{opacity:0;translate:0 20px}
.film-stage{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-top:1px solid #445577;border-bottom:1px solid #445577;background:repeating-linear-gradient(90deg,transparent 0 47px,#91b6ff09 47px 48px),linear-gradient(130deg,#111826,#090a0e 70%);overflow:hidden}
.film-stage:before,.film-stage:after{content:'';position:absolute;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,#8296bd55 0 12px,transparent 12px 32px)}
.film-stage:before{top:12px}.film-stage:after{bottom:12px}.film-label{position:absolute;left:28px;top:40px;font-size:10px;letter-spacing:3px;color:#8e9fbe}.film-symbol{font-size:64px;line-height:1;color:#9db9f0}.film-stage p{font-size:22px;letter-spacing:4px;margin:18px 0 6px}.film-caption{color:var(--muted);font-size:12px;letter-spacing:2px}
#sketchbook .section-heading{padding-right:260px;min-height:165px;align-items:center}
@media(max-width:900px){.chapter-art{width:160px;top:45px}.chapter-art svg{height:140px}.chapter-art>span{font-size:75px}.chapter-art small{font-size:7px;letter-spacing:1px}.module-heading{max-width:calc(100% - 190px)}#sketchbook .section-heading{padding-right:185px}}
@media(max-width:640px){.chapter-art{position:relative;top:auto;right:auto;width:100px;height:86px;margin:0 0 20px auto}.chapter-art svg{height:75px}.chapter-art>span{font-size:60px;top:0}.chapter-art small{display:none}.module-heading{max-width:100%;min-height:0}.contents-mark{display:none}#sketchbook .section-heading{padding-right:0;min-height:0}.film-stage{min-height:280px}.film-label{left:18px;font-size:8px}.film-stage p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.chapter-reveal,.chapter-art svg,.contents-list a:before,.contents-arrow{transition:none}.chapter-reveal.reveal-wait{opacity:1;translate:none}.work-module:hover>.chapter-art svg,.sketchbook:hover>.chapter-art svg{transform:none}}
