.camera-story{position:relative;height:300vh;background:#fafaf9;isolation:isolate}
.camera-story:before,.camera-story:after{content:"";position:absolute;left:0;right:0;height:180px;pointer-events:none;z-index:2}
.camera-story:before{top:-180px;background:linear-gradient(transparent,#fafaf9)}
.camera-story:after{bottom:0;background:linear-gradient(transparent,#fafaf9)}
.camera-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.camera-visual{width:94%;position:relative;transform:scale(.85);opacity:1}
.camera-visual canvas,.camera-poster{display:block;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.camera-visual canvas{display:none}.camera-story.is-ready canvas{display:block}.camera-story.is-ready .camera-poster{display:none}
.camera-words{position:absolute;inset:0;margin:0!important;font-size:clamp(3rem,7vw,8rem)!important;font-weight:400;line-height:1.05;letter-spacing:-.055em;pointer-events:none}
.camera-line{position:absolute;overflow:hidden;display:block;padding:.08em .04em;left:5%;top:15%;white-space:nowrap}
.camera-line:nth-child(2){left:auto;right:5%;top:76%}
.camera-line:nth-child(3){top:77%;left:5%;font-size:1em}
.camera-line>span{display:block}
.camera-story.is-ready .camera-line>span{transform:translateY(115%)}
.camera-story:not(.is-ready) .camera-line:nth-child(2){top:27%;left:5%}
.camera-identity{transition:opacity .15s linear}
@media(max-width:700px){.camera-story{height:230vh}.camera-visual{width:112%;}.camera-words{font-size:clamp(1.7rem,6.6vw,3rem)!important}.camera-line{top:27%}.camera-line:nth-child(2){top:65%;right:5%}.camera-line:nth-child(3){top:72%;left:5%}}
@media(prefers-reduced-motion:reduce){.camera-story{height:100svh;min-height:650px}.camera-stage{position:relative;height:100%}.camera-visual{transform:none!important;opacity:1!important}.camera-visual canvas{display:none!important}.camera-poster{display:block!important}.camera-line>span{transform:none!important;opacity:1!important}.camera-line:nth-child(2){top:27%;left:5%}.camera-identity{opacity:1!important}}
.camera-visual{mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}

.camera-eyebrow{position:absolute;top:110px;left:5%;z-index:3;margin:0}.camera-line{top:23%}.camera-visual{mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.camera-visual canvas,.camera-poster{mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}
@media(max-width:700px){.camera-eyebrow{top:100px}.camera-line{top:27%}}
@media(prefers-reduced-motion:reduce){.camera-line:first-child{top:20%}.camera-line:nth-child(2){top:32%}}

.camera-line:first-child{top:18%}.camera-line:last-child{font-style:normal}
@media(max-width:700px){.camera-line:first-child{top:27%}}

.camera-story + .studio.section{padding-top:0;margin-top:-8svh;position:relative;z-index:3}.camera-story:after{height:60px}
@media(max-width:700px){.camera-story + .studio.section{margin-top:-16svh;padding-top:0}}
@media(max-width:760px){.camera-eyebrow{top:138px}}