/* A full-screen editorial edit. The native project dialog owns opening and closing. */
.project-dialog.jp-story-dialog[open]{display:flex;flex-direction:column;overflow:hidden;background:#151714;color:#f3f2ec;animation:jpDialogEnter .4s cubic-bezier(.22,1,.36,1)}
.jp-story-dialog .dialog-bar{position:relative;flex:0 0 auto;background:#151714;color:#f3f2ec;border-bottom:1px solid #ffffff1f;padding:18px 30px;z-index:12;min-height:63px}
.jp-story-dialog .dialog-bar>span{color:#c6c8bc}
.jp-story-dialog .close-button{min-height:30px}
#project-content.jp-stories-host{flex:1;min-height:0;width:100%;position:relative;overflow:hidden}
.jp-stories{--jp-paper:#f3f2ec;--jp-dark:#151714;--jp-acid:#d9ed83;--jp-ease:cubic-bezier(.22,1,.36,1);--jp-gutter:clamp(24px,4.2vw,72px);--jp-controls:76px;position:relative;height:100%;min-height:0;isolation:isolate;background:var(--jp-dark);font:400 14px/1.5 'DM Sans',sans-serif;color:var(--jp-paper);overflow:hidden}
.jp-stories button,.jp-stories a{touch-action:manipulation}
.jp-stories button{font:inherit;color:inherit}
.jp-stories button:focus-visible,.jp-stories a:focus-visible{outline:2px solid var(--jp-acid);outline-offset:3px}
.jp-stories button:disabled{opacity:.28;cursor:default}
.jp-stories svg{width:22px;height:22px;flex-shrink:0}
.jp-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.jp-story-stage{position:absolute;inset:0 0 var(--jp-controls);overflow:hidden;touch-action:none;user-select:none;cursor:e-resize;background:#252a24}
.jp-story-top{position:absolute;z-index:6;top:0;left:0;right:0;padding:10px 30px 0;pointer-events:none;color:#fff;background:linear-gradient(#11170ea6,transparent)}
.jp-story-progress{display:flex;gap:5px;pointer-events:auto}
.jp-story-segment{padding:8px 0;width:100%;height:22px;display:flex;align-items:center;min-width:0;border:0;background:none}
.jp-story-segment>span{display:block;width:100%;height:2px;background:#ffffff4d;overflow:hidden;border-radius:2px}
.jp-story-segment i{display:block;width:100%;height:100%;background:var(--jp-paper);transform:scaleX(0);transform-origin:left}
.jp-story-segment[aria-current] i{background:var(--jp-acid)}
.jp-story-segment:hover>span,.jp-story-segment:focus-visible>span{height:4px}
.jp-story-meta{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;padding-bottom:25px;text-shadow:0 1px 8px #0006}
.jp-story-meta b{font-weight:400;opacity:.5;margin:0 9px}
.jp-story-timing{flex-shrink:0;color:#ffffffb3}
.jp-story-panel{position:absolute;inset:0;overflow:hidden;animation:jpStoryCut .6s var(--jp-ease) both;background:var(--jp-dark)}
.jp-story-panel.is-leaving{animation:jpStoryLeave .6s var(--jp-ease) both;pointer-events:none;z-index:0}
.jp-story-panel:not(.is-leaving){z-index:1}
.jp-story-image-wrap{position:absolute;inset:0;overflow:hidden}
.jp-story-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.065);animation:jpStoryDepth 6s cubic-bezier(.15,.45,.4,1) both;will-change:transform}
.jp-story-panel:not(.is-ready) .jp-story-image{animation-play-state:paused}
.jp-story-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b130ce6 0%,#0c130d66 34%,transparent 70%),linear-gradient(90deg,#11180e63,transparent 65%)}
.jp-story-copy{position:absolute;left:var(--jp-gutter);right:var(--jp-gutter);bottom:clamp(45px,7vh,95px);z-index:2;max-width:1100px;pointer-events:none}
.jp-story-kicker{font-size:9px;letter-spacing:.12em;text-transform:uppercase;display:block;line-height:1.5}
.jp-story-kicker b{font:inherit;color:var(--jp-acid);display:inline-block;border:1px solid #d9ed8366;border-radius:50%;width:25px;height:25px;line-height:23px;text-align:center;margin-right:14px;letter-spacing:0}
.jp-story-copy h2,.jp-story-copy h3{font-weight:400;letter-spacing:-.055em;line-height:.99;margin:22px 0 0;max-width:1000px;text-wrap:balance;font-size:clamp(48px,7.7vw,126px);animation:jpStoryType .8s var(--jp-ease) .12s both}
.jp-story-copy h3{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(58px,8.5vw,132px);font-style:italic;font-weight:400;letter-spacing:-.035em}
.jp-story-copy>p{font-size:clamp(14px,1.5vw,23px);font-weight:400;line-height:1.5;max-width:650px;margin-top:25px;text-wrap:pretty;animation:jpStoryType .8s var(--jp-ease) .24s both}
.jp-story-image-note{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff9c;margin-top:24px;animation:jpStoryType .8s var(--jp-ease) .3s both}
.jp-story-watermark{position:absolute;right:var(--jp-gutter);bottom:40px;font:400 clamp(100px,19vw,300px)/.8 'Instrument Serif',Georgia,serif;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #ffffff3d;pointer-events:none;z-index:1;opacity:.55}
.jp-story-panel--cover .jp-story-watermark{display:none}
.jp-story-rule{display:none}
/* The cut to a paper-and-image spread changes the visual rhythm, not just the picture. */
.jp-story-panel--editorial{background:var(--jp-paper);color:var(--jp-dark)}
.jp-story-panel--editorial .jp-story-image-wrap{left:41%}
.jp-story-panel--editorial .jp-story-shade{background:linear-gradient(#15171455,transparent 28%);left:41%}
.jp-story-panel--editorial .jp-story-copy{left:var(--jp-gutter);right:auto;top:16%;bottom:auto;width:31%;max-width:470px}
.jp-story-panel--editorial .jp-story-copy h3{font-size:clamp(48px,5.7vw,90px);line-height:1;letter-spacing:-.045em;margin-top:35px}
.jp-story-panel--editorial .jp-story-copy>p{font-size:clamp(13px,1.25vw,19px);line-height:1.6;margin-top:30px}
.jp-story-panel--editorial .jp-story-kicker{color:#656c5d}
.jp-story-panel--editorial .jp-story-kicker b{color:var(--jp-dark);border-color:#15171444}
.jp-story-panel--editorial .jp-story-image-note{color:#656c5d;margin-top:30px}
.jp-story-panel--editorial .jp-story-watermark{color:#1517140d;-webkit-text-stroke:0;right:auto;left:3%;bottom:35px;z-index:0}
.jp-stories[data-layout="editorial"] .jp-story-top{background:linear-gradient(#151714aa,transparent)}
.jp-story-panel--edge .jp-story-copy{left:calc(var(--jp-gutter) + 30px);bottom:10%;max-width:800px}
.jp-story-panel--edge .jp-story-rule{display:block;position:absolute;left:var(--jp-gutter);bottom:10%;height:clamp(130px,24vh,250px);width:1px;background:var(--jp-acid);z-index:2;transform-origin:bottom;animation:jpStoryLine .8s var(--jp-ease) .1s both}
.jp-story-panel--edge .jp-story-copy h3{max-width:700px;font-size:clamp(58px,7vw,110px)}
/* A complete, uncropped image as a quiet beat between full-bleed scenes. */
.jp-story-panel--frame .jp-story-image-wrap{top:13%;right:5%;bottom:7%;left:31%;border:1px solid #ffffff26;background:#232720;box-shadow:0 30px 80px #0003}
.jp-story-panel--frame .jp-story-image{object-fit:contain;transform:none;animation:jpStorySettle .8s var(--jp-ease) both}
.jp-story-panel--frame .jp-story-shade{display:none}
.jp-story-panel--frame .jp-story-copy{left:var(--jp-gutter);width:26%;right:auto;bottom:14%}
.jp-story-panel--frame .jp-story-copy h3{font-size:clamp(45px,5vw,80px);line-height:1.03}
.jp-story-panel--frame .jp-story-watermark{top:13%;left:var(--jp-gutter);right:auto;bottom:auto;font-size:clamp(80px,13vw,200px);opacity:.7}
.jp-story-hint{position:absolute;z-index:5;right:var(--jp-gutter);bottom:calc(var(--jp-controls) + 25px);display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.04em;color:#ffffffc9;pointer-events:none;transition:opacity .25s}
.jp-story-hint>span+span{font-size:22px;color:var(--jp-acid)}
.jp-stories.has-interacted .jp-story-hint,.jp-stories.is-ended .jp-story-hint{opacity:0}
.jp-story-controls{position:absolute;z-index:7;left:0;right:0;bottom:0;height:var(--jp-controls);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 30px;background:var(--jp-dark);border-top:1px solid #ffffff24}
.jp-story-tools{display:flex;align-items:center;gap:25px}
.jp-story-controls button{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 0;min-height:44px;white-space:nowrap;background:none;border:0;font-size:10px;letter-spacing:.015em}
.jp-story-controls button:hover{color:var(--jp-acid)}
.jp-story-controls .jp-story-pause{min-width:66px;justify-content:flex-start}
.jp-story-pause svg{width:18px;height:18px}
.jp-story-pause[aria-pressed="true"]{color:var(--jp-acid)}
.jp-story-pagination{display:flex;align-items:center;gap:20px}
.jp-story-pagination button{width:44px}
.jp-story-counter{font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:59px;text-align:center}
.jp-story-counter i{font-style:normal;color:#838d7d;font-size:10px;margin-left:5px}
.jp-story-controls .jp-story-details-button{justify-self:end}
.jp-story-details-button svg{width:18px;height:18px}
.jp-stories.is-paused .jp-story-image{animation-play-state:paused}
.jp-stories.is-paused .jp-story-panel{animation-play-state:running}
.jp-stories.is-user-paused:after,.jp-stories.is-held:after{content:'Paused';position:absolute;z-index:6;top:80px;right:30px;background:#151714b3;border:1px solid #ffffff2e;backdrop-filter:blur(15px);color:var(--jp-acid);font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;pointer-events:none}
.jp-story-end{position:absolute;z-index:6;inset:0 0 var(--jp-controls);background:#10170ec9;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;text-align:center;padding:40px;animation:jpStoryEnd .4s var(--jp-ease)}
.jp-story-end>.jp-story-kicker{max-width:80%;color:#fff9}
.jp-story-end>p{font-size:clamp(45px,7vw,110px);letter-spacing:-.05em;line-height:1.05}
.jp-story-end>p em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:var(--jp-acid)}
.jp-story-end>div{display:flex;align-items:center;gap:25px;margin-top:10px}
.jp-story-next-project{font-size:12px;padding:17px 25px;background:var(--jp-acid);color:var(--jp-dark)!important;border-radius:40px;display:flex;align-items:center;gap:45px}
.jp-story-next-project>span{font-size:21px}
.jp-story-replay{display:flex;gap:9px;align-items:center;font-size:10px;padding:12px 0}
.jp-story-replay svg{width:17px;height:17px}
.jp-story-scrim{position:absolute;z-index:8;inset:0;background:#0b100ab3;backdrop-filter:blur(6px);animation:jpStoryEnd .25s ease}
.jp-story-details{position:absolute;z-index:9;top:0;right:0;bottom:0;width:min(560px,90%);padding:26px 40px 40px;background:var(--jp-paper);color:var(--jp-dark);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;animation:jpStoryDrawer .5s var(--jp-ease)}
.jp-story-details-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:35px;border-bottom:1px solid #1517142e;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.jp-story-details-top button{padding:8px;width:40px;height:40px;margin-right:-8px}
.jp-story-details>.jp-story-kicker{color:#656c5d;font-size:9px}
.jp-story-details h2{font:400 clamp(34px,4vw,55px)/1.03 'DM Sans',sans-serif;letter-spacing:-.05em;margin:20px 0 30px;text-wrap:balance}
.jp-story-description{font-size:13px;line-height:1.8}
.jp-story-description p+p{margin-top:18px}
.jp-story-credit{border-top:1px solid #1517142b;margin-top:30px;padding-top:25px;font-size:10px;line-height:1.8;color:#616858}
.jp-story-credit>span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;color:var(--jp-dark)}
.jp-story-credit p+p{margin-top:12px}
.jp-story-credit a{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:var(--jp-dark);text-decoration:underline;text-underline-offset:4px}
.jp-story-details-actions{display:flex;flex-direction:column;gap:10px;margin-top:35px}
.jp-story-details-actions>*{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:16px 18px;border:1px solid #1517143d;font-size:11px}
.jp-story-details-actions>a{background:var(--jp-dark);color:var(--jp-paper)}
.jp-story-details-actions>button:hover{background:var(--jp-acid)}
.jp-story-keyboard{font-size:9px;color:#656c5d;margin-top:25px}
.jp-story-details button:focus-visible,.jp-story-details a:focus-visible{outline-color:#486318}
@keyframes jpStoryCut{from{clip-path:inset(0 0 100% 0);transform:translateY(22px)}to{clip-path:inset(0);transform:none}}
@keyframes jpStoryLeave{from{transform:none;opacity:1}to{transform:translateY(-28px);opacity:.65}}
@keyframes jpStoryDepth{from{transform:scale(1.065)}to{transform:scale(1.015)}}
@keyframes jpStoryType{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes jpStoryLine{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes jpStorySettle{from{opacity:.5;transform:scale(1.025)}to{opacity:1;transform:none}}
@keyframes jpStoryEnd{from{opacity:0}to{opacity:1}}
@keyframes jpStoryDrawer{from{transform:translateX(100%)}to{transform:none}}
@keyframes jpDialogEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:900px){
 .jp-story-panel--editorial .jp-story-copy{width:32%;left:30px}
 .jp-story-panel--editorial .jp-story-copy h3{font-size:55px}
 .jp-story-panel--editorial .jp-story-copy>p{font-size:13px}
 .jp-story-tools{gap:20px}.jp-story-pagination{gap:7px}
 .jp-story-controls{padding:0 24px;gap:10px}
 .jp-story-panel--frame .jp-story-copy{left:30px}
}
@media(max-width:600px){
 .jp-story-dialog .dialog-bar{min-height:56px;padding:12px 20px}
 .jp-story-dialog .dialog-bar .brand span{font-size:10px}
 .jp-story-dialog .dialog-bar>span{font-size:8px}
 .jp-stories{--jp-gutter:24px;--jp-controls:calc(76px + env(safe-area-inset-bottom,0px))}
 .jp-story-top{padding:7px 20px 0}
 .jp-story-progress{gap:4px}.jp-story-segment{height:21px}
 .jp-story-meta{font-size:7px;letter-spacing:.06em;gap:12px;align-items:start;padding-bottom:20px;margin-top:1px;line-height:1.5}
 .jp-story-meta>span:first-child{max-width:72%}.jp-story-meta b{margin:0 5px}
 .jp-story-timing{font-size:7px;text-align:right;max-width:65px}
 .jp-story-copy{bottom:59px}
 .jp-story-copy h2{font-size:clamp(42px,12.5vw,74px);line-height:1.01;letter-spacing:-.06em;margin-top:17px;max-width:95%}
 .jp-story-copy h3{font-size:clamp(51px,15vw,81px);line-height:.98;max-width:95%;margin-top:18px}
 .jp-story-kicker{font-size:8px;letter-spacing:.08em}
 .jp-story-kicker b{width:23px;height:23px;line-height:21px;margin-right:10px}
 .jp-story-copy>p{font-size:14px;line-height:1.55;margin-top:22px;max-width:97%}
 .jp-story-image-note{font-size:7px;letter-spacing:.08em;margin-top:23px}
 .jp-story-shade{background:linear-gradient(0deg,#0a110aeb 0%,#0b130d8a 37%,#0c130d12 70%)}
 .jp-story-watermark{font-size:45vw;bottom:53px;right:17px;opacity:.42}
 .jp-story-panel--cover .jp-story-image{object-position:55% center}
 .jp-story-panel--editorial .jp-story-image-wrap{inset:0 0 45%}
 .jp-story-panel--editorial .jp-story-shade{inset:0 0 45%;background:linear-gradient(#15171466,transparent 50%)}
 .jp-story-panel--editorial .jp-story-copy{left:24px;right:24px;top:58%;bottom:20px;width:auto;max-width:none;display:flex;flex-direction:column;align-items:flex-start}
 .jp-story-panel--editorial .jp-story-kicker{font-size:7px;line-height:20px}
 .jp-story-panel--editorial .jp-story-kicker b{width:20px;height:20px;line-height:18px}
 .jp-story-panel--editorial .jp-story-copy h3{font-size:clamp(38px,11vw,55px);line-height:.97;margin-top:12px}
 .jp-story-panel--editorial .jp-story-copy>p{font-size:12px;line-height:1.5;margin-top:14px;max-width:100%}
 .jp-story-panel--editorial .jp-story-image-note{font-size:7px;margin-top:auto;padding-top:12px}
 .jp-story-panel--editorial .jp-story-watermark{font-size:31vw;left:auto;right:15px;bottom:25px;opacity:.3}
 .jp-story-panel--edge .jp-story-copy{left:41px;bottom:62px;right:24px;max-width:none}
 .jp-story-panel--edge .jp-story-copy h3{font-size:clamp(52px,15vw,77px)}
 .jp-story-panel--edge .jp-story-rule{left:24px;bottom:62px;height:178px}
 .jp-story-panel--frame .jp-story-image-wrap{top:18%;left:20px;right:20px;bottom:31%;box-shadow:0 20px 40px #0002}
 .jp-story-panel--frame .jp-story-copy{left:24px;right:24px;bottom:44px;width:auto;max-width:none}
 .jp-story-panel--frame .jp-story-copy h3{font-size:clamp(35px,10vw,53px);margin-top:10px}
 .jp-story-panel--frame .jp-story-copy .jp-story-kicker{font-size:7px}
 .jp-story-panel--frame .jp-story-image-note{margin-top:12px;font-size:7px}
 .jp-story-panel--frame .jp-story-watermark{top:12%;left:24px;font-size:72px;opacity:.3;z-index:2}
 .jp-story-controls{padding:0 16px env(safe-area-inset-bottom,0px);grid-template-columns:1fr auto 1fr;gap:2px}
 .jp-story-tools{gap:17px}
 .jp-story-controls button{font-size:8px;gap:5px;flex-direction:column;padding:4px 0;min-width:35px}
 .jp-story-controls svg{width:18px;height:18px}
 .jp-story-controls .jp-story-pause{min-width:31px;justify-content:center}
 .jp-story-controls .jp-story-full{min-width:45px}
 .jp-story-pagination{gap:2px}
 .jp-story-pagination button{width:31px;min-width:31px}
 .jp-story-pagination svg{width:17px;height:17px}
 .jp-story-counter{font-size:10px;min-width:48px}.jp-story-counter i{font-size:8px;margin-left:3px}
 .jp-story-controls .jp-story-details-button{min-width:55px}
 .jp-story-hint{left:24px;right:auto;bottom:calc(var(--jp-controls) + 16px);font-size:8px;gap:10px}
 .jp-story-hint>span+span{font-size:18px}
 .jp-stories[data-layout="editorial"] .jp-story-hint{color:#151714aa}
 .jp-stories.is-user-paused:after,.jp-stories.is-held:after{top:68px;right:20px;font-size:7px;padding:6px 9px}
 .jp-story-end{padding:25px;gap:25px}
 .jp-story-end>.jp-story-kicker{font-size:8px;max-width:100%}
 .jp-story-end>p{font-size:58px;line-height:1.1}
 .jp-story-end>p em{display:block}
 .jp-story-end>div{flex-direction:column;gap:16px;margin-top:5px}
 .jp-story-next-project{padding:15px 25px;font-size:11px;gap:40px}
 .jp-story-replay{font-size:10px}
 .jp-story-details{width:100%;padding:18px 25px 35px}
 .jp-story-details-top{margin-bottom:28px;padding-bottom:15px}
 .jp-story-details h2{font-size:40px}
 .jp-story-description{font-size:12px}
 .jp-story-keyboard{display:none}
}
@media(max-height:670px) and (max-width:600px){
 .jp-story-copy{bottom:44px}.jp-story-copy h2{font-size:42px}
 .jp-story-panel--editorial .jp-story-image-wrap,.jp-story-panel--editorial .jp-story-shade{bottom:52%}
 .jp-story-panel--editorial .jp-story-copy{top:51%;bottom:20px}
 .jp-story-panel--editorial .jp-story-copy h3{font-size:36px;margin-top:8px}
 .jp-story-panel--editorial .jp-story-copy>p{font-size:11px;line-height:1.45;margin-top:9px}
 .jp-story-panel--editorial .jp-story-image-note{font-size:6px;padding-top:8px}
 .jp-story-panel--frame .jp-story-image-wrap{top:17%;bottom:35%}
 .jp-story-panel--frame .jp-story-copy{bottom:25px}
 .jp-story-panel--frame .jp-story-copy h3{font-size:33px}
 .jp-story-panel--edge .jp-story-copy h3{font-size:52px}
}
@media(max-height:530px) and (min-width:601px){
 .jp-story-dialog .dialog-bar{min-height:46px;padding-top:7px;padding-bottom:7px}
 .jp-stories{--jp-controls:55px}
 .jp-story-copy{bottom:30px}.jp-story-copy h2{font-size:62px}
 .jp-story-panel--editorial .jp-story-copy{top:22%}
 .jp-story-panel--editorial .jp-story-copy h3{font-size:42px;margin-top:12px}
 .jp-story-panel--editorial .jp-story-copy>p{font-size:11px;margin-top:15px}
 .jp-story-panel--editorial .jp-story-image-note{display:none}
 .jp-story-panel--frame .jp-story-copy h3{font-size:40px}
 .jp-story-image-note{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){
 .project-dialog.jp-story-dialog[open],.jp-story-panel,.jp-story-panel *,.jp-story-end,.jp-story-details{animation:none!important;transition:none!important}
 .jp-story-image{transform:none!important;will-change:auto}
 .jp-story-panel.is-leaving{display:none}
}

/* Pausing the main site must not hide a newly opened story’s editorial text. */
.motion-paused .jp-story-panel,.motion-paused .jp-story-image,.motion-paused .jp-story-copy>*{animation:none!important;opacity:1;transform:none}

/* An immediate exit to the next idea; never require someone to finish the edit. */
.jp-story-top-actions{display:flex;align-items:center;gap:28px;flex-shrink:0}
.jp-story-skip{display:flex;align-items:center;gap:12px;pointer-events:auto;padding:4px 0;min-height:24px;font-size:9px!important;letter-spacing:.05em;border-bottom:1px solid #ffffff4d;white-space:nowrap;text-transform:uppercase;text-shadow:0 1px 8px #0006}
.jp-story-skip span{font-size:15px;line-height:1}.jp-story-skip:hover{color:var(--jp-acid);border-color:var(--jp-acid)}
@media(max-width:600px){
 .jp-story-meta>span:first-child{max-width:62%;padding-top:4px}
 .jp-story-top-actions{gap:0}.jp-story-top-actions .jp-story-timing{display:none}
 .jp-story-skip{font-size:7px!important;gap:9px;min-height:24px;padding:0 0 3px}
 .jp-story-skip span{font-size:13px}
}
/* Keep scene navigation usable over the end-of-story panel. */
.jp-story-top{z-index:8}.jp-story-skip{min-height:36px}@media(max-width:760px){.jp-story-skip{min-height:36px}}

/* Only exact authorized, technically reviewed getClip() records create this layer. */
.jp-story-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--jp-dark);transform:none!important;animation:none!important;transition:none!important;will-change:auto}
.jp-story-panel.has-video .jp-story-image{transform:none!important;animation:none!important;will-change:auto}
.jp-story-panel--frame .jp-story-video{object-fit:contain}
@media(max-width:760px){
 .jp-story-panel.has-video .jp-story-image-wrap{background:var(--jp-dark)}
 .jp-story-panel.has-video .jp-story-image,.jp-story-panel.has-video .jp-story-video{object-fit:contain;object-position:center 30%}
 .jp-story-panel--editorial.has-video .jp-story-image,.jp-story-panel--editorial.has-video .jp-story-video,.jp-story-panel--frame.has-video .jp-story-image,.jp-story-panel--frame.has-video .jp-story-video{object-position:center}
}

/* Allow project-specific headings room on compact editorial frames. */
@media(max-width:600px){.jp-story-panel--editorial .jp-story-image-wrap,.jp-story-panel--editorial .jp-story-shade{bottom:50%}.jp-story-panel--editorial .jp-story-copy{top:52%;bottom:17px}.jp-story-panel--editorial .jp-story-copy h3{font-size:clamp(32px,9.3vw,43px);line-height:1.02;flex-shrink:0}.jp-story-panel--editorial .jp-story-copy>p{font-size:11px;line-height:1.5;margin-top:12px;flex-shrink:0}.jp-story-panel--editorial .jp-story-kicker{flex-shrink:0}.jp-story-panel--editorial .jp-story-image-note{padding-top:8px}}

/* Original published videos are manual-play scenes, separate from moving studies. */
.jp-story-panel--reference{display:flex;flex-direction:column;gap:14px;padding:90px var(--jp-gutter) 18px;cursor:auto;touch-action:pan-y;overflow-y:auto}
.jp-story-reference-heading{flex-shrink:0;max-width:1000px;width:100%;margin-inline:auto}
.jp-story-reference-heading .jp-story-kicker{color:var(--jp-acid);font-size:9px}
.jp-story-reference-heading h2{font:400 clamp(20px,2.2vw,32px)/1.2 'DM Sans',sans-serif;letter-spacing:-.025em;margin:9px 0 0}
.jp-story-reference-frame{flex:1;min-height:150px;width:100%;max-width:1000px;margin-inline:auto;display:flex;align-items:center;justify-content:center;background:#000}
.jp-story-original-embed,.jp-story-original-video{display:block;width:100%;height:100%;min-height:150px;border:0;object-fit:contain;touch-action:auto;background:#000}
.jp-story-reference-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;width:100%;max-width:1000px;margin-inline:auto;font-size:11px;line-height:1.5}
.jp-story-reference-footer p{color:#c6c8bc}.jp-story-reference-footer a{display:inline-flex;align-items:center;gap:12px;min-height:40px;text-decoration:underline;text-underline-offset:4px;flex-shrink:0;color:var(--jp-acid)}
.jp-story-reference-error{width:100%;color:#fff!important}.jp-stories.is-reference .jp-story-hint,.jp-stories.is-reference.is-user-paused:after{display:none}
.jp-stories .jp-story-controls button[hidden]{display:none}
.jp-stories.is-reference .jp-story-stage{touch-action:pan-y;cursor:auto}
@media(max-width:600px){.jp-story-panel--reference{padding:76px 18px 12px;gap:12px}.jp-story-reference-heading h2{font-size:20px}.jp-story-reference-heading .jp-story-kicker{font-size:8px}.jp-story-reference-footer{font-size:10px;gap:2px}.jp-story-reference-frame{min-height:180px}.jp-story-original-embed,.jp-story-original-video{min-height:180px}}
@media(max-height:550px){.jp-story-panel--reference{padding-top:75px;gap:6px}.jp-story-reference-heading h2{font-size:17px;margin-top:4px}.jp-story-reference-frame,.jp-story-original-embed,.jp-story-original-video{min-height:120px}.jp-story-reference-footer{font-size:9px}}

/* Credit the project firm throughout the story, before opening Project info. */
.jp-story-top>.jp-story-firm-credit{display:inline-flex;gap:7px;align-items:center;pointer-events:auto;margin:-15px 0 13px;padding:6px 10px;border:1px solid #ffffff45;background:#10180de0;border-radius:3px;font-size:10px;line-height:1.5;color:#f2f5eb;text-decoration:underline;text-underline-offset:3px;max-width:100%}.jp-story-firm-credit>span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;color:#d9ed83}.jp-story-firm-credit b{font-weight:400}.jp-story-credit>.jp-story-firm-credit{font-size:13px;font-weight:500}.jp-story-credit>.jp-story-firm-credit>span{color:#4e603b}.jp-story-firm-context{font-weight:500;color:#26321b}@media(max-width:760px){.jp-story-top>.jp-story-firm-credit{margin-top:-12px;padding:5px 8px;font-size:9px;gap:5px}.jp-story-top>.jp-story-firm-credit>span{font-size:7px}}
@media(min-width:601px) and (max-width:760px){.has-firm-credit .jp-story-panel--editorial .jp-story-copy{top:21%}}
/* Native portrait films are compositions, not landscape crops. Keep every edge. */
.jp-story-panel.jp-story-panel--portrait-film .jp-story-image-wrap{inset:76px 2% 20px 47%;background:var(--jp-dark)}
.jp-story-panel.jp-story-panel--portrait-film .jp-story-image,.jp-story-panel.jp-story-panel--portrait-film .jp-story-video{width:100%;height:100%;object-fit:contain!important;object-position:center!important;transform:none!important;animation:none!important;transition:none!important}
.jp-story-panel.jp-story-panel--portrait-film .jp-story-shade,.jp-story-panel.jp-story-panel--portrait-film .jp-story-rule,.jp-story-panel.jp-story-panel--portrait-film .jp-story-watermark{display:none}
.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy{left:var(--jp-gutter);right:auto;top:auto;bottom:clamp(35px,9vh,90px);width:39%;max-width:560px}
.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy h2,.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy h3{font-size:clamp(32px,4.8vw,72px);line-height:1.02}
@media(max-width:760px){.jp-story-panel.jp-story-panel--portrait-film .jp-story-image-wrap{inset:96px 12px 136px}.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy{inset:auto 22px 16px;width:auto;max-width:none}.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy h2,.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy h3{font-size:clamp(25px,7vw,36px);margin-top:10px}.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy>p{font-size:11px;margin-top:6px}.jp-story-panel.jp-story-panel--portrait-film .jp-story-image-note{margin-top:8px;font-size:7px}.jp-story-panel.jp-story-panel--portrait-film .jp-story-kicker{font-size:7px}.jp-story-panel.jp-story-panel--portrait-film .jp-story-kicker b{width:20px;height:20px;line-height:18px}}
@media(max-width:760px) and (max-height:650px){.jp-story-panel.jp-story-panel--portrait-film .jp-story-image-wrap{inset:84px 12px 116px}.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy h2,.jp-story-panel.jp-story-panel--portrait-film .jp-story-copy h3{font-size:25px}}
/* A globally paused site must still open readable project scenes. */
.motion-paused .project-dialog.jp-story-dialog[open],.motion-paused .jp-story-panel,.motion-paused .jp-story-panel *{animation:none!important;transition:none!important}
.jp-story-status{display:inline-block;align-self:flex-start;margin:7px 0 0;padding:4px 7px;font-size:10px;line-height:1.4;letter-spacing:.02em;border:1px solid rgba(255,255,255,.38);border-radius:3px;color:#fff;background:rgba(5,15,12,.5)}.jp-story-personal-role{font-size:15px;line-height:1.75;margin:24px 0}.jp-story-references{margin:24px 0;padding:18px 0;border-top:1px solid #34443b}.jp-story-references h3{font-size:12px;font-weight:500;margin-bottom:12px}.jp-story-references a{display:block;font-size:12px;line-height:1.5;margin:9px 0;text-decoration:underline;text-underline-offset:3px}
