.project-production.making-chapters{display:block;padding:0;max-width:none;overflow:clip}
.making-chapters [data-making-scene]{--making-travel:0;position:relative;scroll-margin-top:100px}
.making-entry{padding:35px var(--edge) 85px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px 8vw;align-items:end}
.making-eyebrow{grid-column:1/-1;font-size:14px;padding-bottom:20px;border-bottom:1px solid currentColor}
.making-entry h2{font-size:clamp(55px,7.4vw,122px);letter-spacing:-.065em;line-height:1.02;font-weight:400}
.making-chapters em{font-family:var(--serif);font-weight:400}
.making-copy h3{font-size:13px;letter-spacing:.02em;font-weight:500;margin:0 0 14px}
.making-copy p{font-size:17px;line-height:1.8;max-width:530px}
.making-origin{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;background:var(--project-ink);color:var(--project-bg);padding:80px var(--edge);align-items:center}
.making-origin-art{min-width:0}
.making-contact-sheet{position:relative;height:clamp(310px,44vw,850px)}
.making-still{position:absolute;width:63%;margin:0;padding:9px;background:var(--project-bg);color:var(--project-ink);box-shadow:0 15px 35px #0002;transform-origin:50% 80%}
.making-still img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
.making-still figcaption{padding:10px 4px 13px;font-size:12px}
.making-still-0{top:2%;left:0;transform:translateY(calc(var(--making-travel)*-48px)) rotate(calc(-12deg + var(--making-travel)*-9deg))}
.making-still-1{top:20%;left:34%;transform:translateY(calc(var(--making-travel)*28px)) rotate(calc(11deg + var(--making-travel)*12deg))}
.making-still-2{top:28%;left:9%;transform:translateY(calc(var(--making-travel)*70px)) rotate(calc(-3deg + var(--making-travel)*6deg))}
.making-image-note{font-size:12px;line-height:1.5;margin-top:35px;position:relative}
.making-entry h2 em{display:inline-block;transform:translateX(calc(var(--making-travel)*-25px))}
.making-pullquote{font-size:clamp(44px,5.4vw,88px);line-height:1.05;letter-spacing:-.055em;margin:0 0 35px}
.making-continuity{padding:90px 0 80px}
.making-continuity>.making-pullquote{padding:0 var(--edge);transform:translateX(calc(var(--making-travel)*-30px))}
.making-ribbon{position:relative;padding:35px 0 45px;overflow:clip}
.making-ribbon-track{display:flex;width:112%;gap:25px;margin-left:-6%;transform:translateX(calc(var(--making-travel)*9%)) rotate(calc(var(--making-travel)*2deg))}
.making-cut{min-width:0;flex:1;margin:0}
.making-cut img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.making-cut figcaption{font-size:13px;margin-top:13px;padding-inline:12px}
.making-edit-line{height:1px;background:currentColor;opacity:.65;position:relative;margin:30px var(--edge) 0}
.making-edit-line span{position:absolute;top:-4px;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 18px);opacity:.55}
.making-edit-line i{position:absolute;width:9px;height:19px;top:-9px;left:calc(50% + var(--making-travel)*35%);background:currentColor}
.making-notes{padding:12px var(--edge) 0;display:grid;grid-template-columns:1fr 1fr;gap:8vw}
.making-finish{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:6vw;padding:0 var(--edge) 100px}
.making-screen{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:48% 48% 2px 2px;transform:translateY(calc(var(--making-travel)*-40px))}
.making-screen>img{height:100%;width:100%;object-fit:cover;transform:scale(calc(1.04 + var(--making-travel)*.04))}
.making-screen:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
.making-watch{position:absolute;z-index:1;left:25px;bottom:28px;color:#f0ede4;background:#081510;display:flex;gap:20px;align-items:center;font-size:16px;padding:8px 8px 8px 18px;border-radius:50px}
.making-play{width:45px;height:45px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;transition:background .3s}
.making-play:after{content:'';border-left:8px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:3px}
.making-screen:hover .making-play,.making-screen:focus-visible .making-play{background:#ffffff30}
.making-finish-copy>.text-link{display:inline-block;margin-top:28px}
.theme-artero .making-still img,.theme-artero .making-cut img{object-fit:contain;background:var(--project-bg)}
.theme-artero .making-still{width:44%}
.theme-artero .making-still img{aspect-ratio:3/4}
.theme-artero .making-still-1{left:48%}
.theme-artero .making-still-2{left:21%}
.theme-artero .making-screen>img{object-fit:contain;background:var(--project-bg)}
.theme-healthcare .making-screen{border-radius:8px;aspect-ratio:1/1}
@media(min-width:1800px){.making-entry,.making-origin,.making-notes,.making-finish{column-gap:9vw}.making-copy p{font-size:19px}}
@media(max-width:760px){
 .making-entry{display:block;padding:15px 24px 45px}
 .making-eyebrow{margin-bottom:28px}
 .making-entry h2{font-size:clamp(43px,9.5vw,70px);margin-bottom:30px}
 .making-copy p{font-size:16px;line-height:1.8}
 .making-origin{grid-template-columns:1fr;gap:35px;padding:45px 24px}
 .making-contact-sheet{height:clamp(300px,80vw,580px);max-width:560px;margin:auto}
 .making-still{width:60%;padding:6px 6px 0}
 .making-still figcaption{font-size:11px;padding:8px 3px 9px}
 .making-image-note{margin-top:35px}
 .making-pullquote{font-size:clamp(40px,9vw,64px);margin-bottom:26px}
 .making-continuity{padding:45px 0}
 .making-continuity>.making-pullquote{padding-inline:24px}
 .making-ribbon{padding:12px 0 30px}
 .making-ribbon-track{width:145%;margin-left:-22.5%;gap:12px}
 .making-cut img{aspect-ratio:4/5}
 .making-cut figcaption{font-size:11px;padding-inline:3px}
 .making-edit-line{margin-inline:24px}
 .making-notes{padding:8px 24px 0;grid-template-columns:1fr;gap:28px}
 .making-finish{grid-template-columns:1fr;gap:35px;padding:10px 24px 60px}
 .making-screen{aspect-ratio:5/4;border-radius:45% 45% 2px 2px}
 .making-watch{left:20px;bottom:20px}
 .making-finish-copy>.text-link{margin-top:24px}
}
/* The existing global motion setting also controls this new story treatment. */
html:not([data-motion=on]) .making-chapters [data-making-scene]{--making-travel:0!important}