/* Shared essential access treatments; the normal cinematic layout stays intact. */
.jw-pause-motion{
  display:inline-flex;align-items:center;flex-shrink:0;
  border:0;border-radius:2px;padding:.4rem .5rem;min-height:32px;
  font:600 14px/1.3 "IBM Plex Sans",system-ui,sans-serif;
  background:#040a0c;color:#e8f4f4;cursor:pointer;
  pointer-events:auto;
}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid #fff;outline-offset:3px;
  box-shadow:0 0 0 5px #040a0c;
}
.mobile-nav button:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #040a0c}
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{animation-play-state:paused!important;scroll-behavior:auto!important}
.jw-skip-link{position:fixed;top:.5rem;left:.5rem;z-index:10000;padding:.7rem 1rem;background:#fff;color:#111;font:600 16px/1.4 system-ui,sans-serif;transform:translateY(-200%)}
.jw-skip-link:focus{transform:none}
.jw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.portfolio-scene-name,.scene-name{overflow-wrap:anywhere}
.process-site-footer{visibility:hidden}
.process-site-footer.is-on{visibility:visible}
.portfolio-generations-human-beat .portfolio-scene-copy--generations:not(:focus-within),
.generations-human-beat .scene-copy--generations:not(:focus-within){visibility:hidden}
.portfolio-generations-human-beat .portfolio-scene-copy--generations:focus-within,
.generations-human-beat .scene-copy--generations:focus-within{opacity:1}
.portfolio-site-header,.site-header,.case-header{flex-wrap:wrap}
.case-header nav{flex-wrap:wrap;justify-content:flex-end}
.case-header{position:fixed;color:#edf6f4}
.case-article :is(a,button,h1,h2,h3){scroll-margin-top:7rem}
.case-header nav a{color:#edf6f4}
.dylan-status .case-status,.dylan-hero .case-status{color:#f08876}
.rana-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.rana-path,.case-section-inner,.case-copy{min-width:0}
.rana-path h3,.case-title,.case-heading,.paina-word{overflow-wrap:anywhere}
.paina-word{white-space:normal;line-height:1.05}
.case-hero{display:flex;align-items:flex-end;padding:6rem var(--case-gutter) clamp(1.8rem,7vh,4.8rem)}
.case-hero-copy{position:relative;inset:auto;width:100%}
.booking-intro{display:flex;flex-direction:column;justify-content:flex-end;height:auto;min-height:max(42rem,100svh)}
.booking-copy{position:relative;inset:auto;margin:0 var(--gutter);padding:8rem 0 2.25rem}
.booking-header{flex-wrap:wrap}
.booking-copy h1,.booking-note,.contact{overflow-wrap:anywhere}
html.jw-readable #site-content,html.jw-readable #passage,html.jw-readable #process-lightbox{display:none!important}
html.jw-readable #process-no-js-route,html.jw-readable #no-js-route{display:block!important}
html.jw-readable body{overflow:auto!important;min-height:100%}
html.jw-readable .no-js-stack{overflow-wrap:anywhere}
html.jw-readable .no-js-stack .display,html.jw-readable .no-js-stack .proof-figure{overflow-wrap:anywhere;white-space:normal;font-size:clamp(2rem,7vw,3.6rem)}
html.jw-readable .no-js-stack .invite-email{white-space:normal;overflow-wrap:anywhere;font-size:1rem}
html.jw-readable .no-js-stack .proof-row{white-space:normal;overflow-wrap:anywhere}
@media(max-width:800px){.rana-path-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.booking-intro{height:auto;min-height:34rem}}
@media(max-width:720px){
  .portfolio-header-tools,.header-tools{gap:.35rem}
  .jw-pause-motion{font-size:14px;padding:.4rem .3rem}
  .case-header{gap:.25rem}
  .case-header nav{gap:.35rem}
  .case-hero{padding-top:7rem;padding-bottom:1.3rem}
}
@media(max-width:520px){.booking-copy{margin:0 1.1rem;padding-top:8rem;padding-bottom:1.6rem}.booking-intro{height:auto;min-height:38rem}}