/* Project photography leads; the original compositions remain in the galleries. */
.project-cinematic{isolation:isolate;min-height:640px;min-height:max(640px,calc(100svh - 98px));padding:0;border:0;background:#142d4e}
.project-hero-media{position:absolute;inset:-80px 0;z-index:-2;transform:translate3d(0,var(--hero-shift,0px),0);pointer-events:none}
.project-hero-media picture,.project-hero-media img{display:block;width:100%;height:100%;max-width:none}
.project-hero-media img{object-fit:cover;object-position:50% 52%}
.project-hero-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#081c36ce 0%,#081c3660 55%,#081c3610 100%),linear-gradient(0deg,#081c36d9 0%,#081c3640 46%,#081c3640 80%,#081c3690 100%)}
.project-hero-stage{min-height:inherit;display:flex;flex-direction:column;align-items:stretch;padding-block:0 1.5rem}
.project-hero-breadcrumb{color:#f3f0e4c9;padding-block:1.15rem;margin:0;border-bottom:1px solid #f5f1e824;font-size:11px}
.project-hero-breadcrumb [aria-current],.project-hero-breadcrumb a:hover,.project-hero-breadcrumb a:focus-visible{color:#fff9ed}
.project-hero-breadcrumb a:hover{border-bottom-color:var(--gold)}
.project-hero-copy{width:min(100%,760px);padding-block:clamp(3rem,6vh,5.3rem) 3.7rem;transform:translate3d(0,var(--copy-shift,0px),0);margin-block:auto}
.project-cinematic .section-index{color:#efdab2;font-size:11px;letter-spacing:.16em;margin-bottom:1.4rem}
.project-page .project-cinematic .project-title{font:400 clamp(3.6rem,6.8vw,7rem)/1.05 var(--display);letter-spacing:-.045em;color:#fff9ed;margin:0 0 1.7rem;max-width:12ch;text-wrap:balance;text-shadow:0 2px 22px #07182e35}
.project-cinematic .project-lead{max-width:540px;color:#f5f1e8;font-size:16px;line-height:1.85;text-shadow:0 1px 12px #06172b70}
.project-hero-rule{height:1px;width:64px;background:var(--gold);margin-bottom:1.6rem;transform-origin:left;animation:project-rule-in 1.3s cubic-bezier(.16,1,.3,1) both}
.project-hero-copy>:not(.project-hero-rule){animation:project-copy-in 1.1s cubic-bezier(.16,1,.3,1) both}
.project-hero-copy h1{animation-delay:.09s}.project-hero-copy .project-lead{animation-delay:.18s}
.project-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1.15rem;border-top:1px solid #f5f1e840;color:#f5f1e8}
.project-discover{display:inline-flex;align-items:center;gap:1rem;min-height:48px;text-decoration:none;font-size:12px;line-height:1.6;letter-spacing:.035em}
.project-discover-arrow{display:grid;place-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid #d0b37ca0;border-radius:50%;font-size:20px;transition:background .3s,color .3s,border-color .3s}
.project-discover:hover .project-discover-arrow{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.project-hero-image-note{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem 1.3rem;justify-content:flex-end;font-size:11px;line-height:1.7}
.project-render-label{color:#efdab2;letter-spacing:.04em}
.project-hero-image-link{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;text-decoration:none;border-bottom:1px solid #f5f1e860;transition:border-color .25s;color:#f5f1e8}
.project-hero-image-link:hover{border-color:var(--gold)}
.project-cinematic a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
#project-overview,.project-page .gallery-group{scroll-margin-top:16px}
.project-reading-progress{display:none;position:fixed;z-index:25;inset:0 0 auto;height:3px;background:var(--gold-deep);pointer-events:none;transform:scaleX(var(--project-progress,0));transform-origin:left}
.project-motion .project-reading-progress{display:block}
.project-motion .project-hero-media{will-change:transform}
.detail-motion .detail-reveal{transition-delay:var(--reveal-delay,0ms)}
.detail-motion .detail-reveal:focus-within,.detail-motion .detail-reveal:focus-visible{transition-delay:0ms}
.detail-motion .project-gallery .gallery-grid figure{transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;transition-delay:var(--reveal-delay,0ms)}
.detail-motion .project-gallery .gallery-grid figure.is-visible,.detail-motion .project-gallery .gallery-grid figure:focus-within{transform:none;opacity:1}
.project-main-points>li{position:relative}
.project-main-points>li:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:1px;background:var(--gold);transform:scaleX(1);transform-origin:left}
.detail-motion .project-main-points>li:after{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.detail-motion .project-main-points>li.is-visible:after{transform:scaleX(1)}
.project-phases>li{position:relative;border-color:#d0b37c45}
.project-phases>li:before{content:"";position:absolute;inset-inline:0;top:-1px;height:1px;background:var(--gold-deep);transform:scaleX(var(--phase-progress,1));transform-origin:left}
.project-phases>li:after{content:"";position:absolute;inset-inline-start:0;top:-4px;width:7px;height:7px;background:var(--gold-deep);border-radius:50%;box-shadow:0 0 0 5px var(--pearl)}
@keyframes project-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes project-rule-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
body[dir=rtl] .project-hero-shade{background:linear-gradient(270deg,#081c36ce 0%,#081c3660 55%,#081c3610 100%),linear-gradient(0deg,#081c36d9 0%,#081c3640 46%,#081c3640 80%,#081c3690 100%)}
body[dir=rtl] .project-cinematic .project-title{text-align:right}
body[dir=rtl] .project-cinematic .section-index,body[dir=rtl] .project-discover,body[dir=rtl] .project-render-label{letter-spacing:0}
body[dir=rtl] :is(.project-hero-rule,.project-reading-progress,.project-main-points>li:after,.project-phases>li:before){transform-origin:right}
@media(min-width:981px){
  .project-summary-grid>div:first-child{position:sticky;top:145px;align-self:start}
}
@media(max-width:980px){
  .project-cinematic{min-height:max(610px,calc(100svh - 82px))}
  .project-hero-copy{width:min(100%,650px)}
  .project-page .project-cinematic .project-title{font-size:clamp(3.5rem,7.5vw,5.4rem)}
  .project-hero-image-note{max-width:240px}
}
@media(max-width:700px){
  .project-cinematic{min-height:max(650px,calc(100svh - 76px));overflow:hidden}
  .project-hero-media{inset:-25px 0;opacity:.83}
  .project-hero-media img{object-position:51% center}
  .project-hero-shade,body[dir=rtl] .project-hero-shade{background:linear-gradient(0deg,#081c36ed 0%,#081c36a6 45%,#081c3650 75%,#081c368a 100%)}
  .project-hero-stage{padding-block-end:1.1rem}
  .project-hero-breadcrumb{font-size:10px;gap:.45rem;padding-block:.75rem}
  .project-hero-copy{padding-block:3rem 2.5rem;margin-top:auto;margin-bottom:0}
  .project-page .project-cinematic .project-title{font-size:clamp(2.8rem,12vw,4.2rem);max-width:12ch;margin-bottom:1.2rem;line-height:1.1}
  .project-cinematic .section-index{font-size:10px;letter-spacing:.1em;margin-bottom:1.1rem}
  .project-cinematic .project-lead{font-size:14px;line-height:1.8;max-width:440px}
  .project-hero-rule{width:45px;margin-bottom:1.25rem}
  .project-hero-foot{gap:.9rem;align-items:flex-start;flex-direction:column;padding-top:1rem}
  .project-discover{font-size:12px;gap:.85rem}
  .project-hero-image-note{max-width:none;width:100%;justify-content:space-between;gap:.2rem 1rem;font-size:10px}
  .project-render-label{max-width:60%}
  #project-overview,.project-page .gallery-group{scroll-margin-top:18px}
  .project-phases{gap:0;margin-inline-start:4px}
  .project-phases>li{border-top:0;border-inline-start:1px solid #d0b37c55;padding:0 0 2rem 1.5rem}
  body[dir=rtl] .project-phases>li{padding:0 1.5rem 2rem 0}
  .project-phases>li:last-child{padding-bottom:.2rem}
  .project-phases>li:before{inset-inline-start:-1px;inset-inline-end:auto;inset-block:0;width:1px;height:100%;transform:scaleY(var(--phase-progress,1));transform-origin:top}
  body[dir=rtl] .project-phases>li:before{transform-origin:top}
  .project-phases>li:after{inset-inline-start:-4px;top:.45rem}
}
@media(prefers-reduced-motion:reduce){
  .project-hero-media,.project-hero-copy,.project-hero-copy>*,.project-hero-rule{transform:none!important;animation:none!important}
  .project-reading-progress{display:none!important}
  .detail-motion .detail-reveal,.detail-motion .project-gallery .gallery-grid figure{opacity:1!important;transform:none!important;transition:none!important}
  .project-phases>li:before,.project-main-points>li:after{transform:none!important;transition:none!important}
}
@media print{
  .project-cinematic,.project-hero-stage{min-height:0;background:transparent;color:var(--ink)}
  .project-hero-media,.project-hero-shade,.project-hero-breadcrumb,.project-hero-foot,.project-reading-progress{display:none!important}
  .project-hero-copy{padding:1rem 0;transform:none!important}
  .project-page .project-cinematic .project-title,.project-cinematic .project-lead,.project-cinematic .section-index{color:var(--ink);text-shadow:none}
  .project-summary-grid>div:first-child{position:static}
  .detail-motion .project-gallery .gallery-grid figure{opacity:1;transform:none}
}