/* One photographic canvas, one copy position, one progress rail. */
.custom-story{--custom-top:56px;--custom-height:calc(100svh - var(--custom-top));position:relative;scroll-margin-top:var(--custom-top);background:#22251f;color:#fff}
.custom-pin{position:relative}
.custom-scene{position:relative;display:flex;align-items:center;min-height:var(--custom-height);isolation:isolate;overflow:hidden;scroll-margin-top:var(--custom-top);background:#22251f}
.custom-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}
.custom-photo>img{width:100%;height:100%;object-fit:cover;object-position:58% center}
.custom-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151713e6,#15171388 40%,#15171308 75%,#15171370),linear-gradient(0deg,#151713a6,transparent 25%)}
.custom-photo figcaption{position:absolute;bottom:98px;right:5vw;left:auto;z-index:1;max-width:260px;color:#fffc;font-size:10px;line-height:1.5;letter-spacing:.6px;text-align:right}
.custom-copy{position:relative;z-index:1;width:100%;max-width:600px;padding:70px 0 145px 5vw}
.custom-copy .breadcrumb{font-size:11px;line-height:1.6;letter-spacing:2px;color:#fffc;display:block}
.custom-copy .breadcrumb:before{display:none}
.custom-copy h3{font-size:var(--section-title-size);font-weight:350;letter-spacing:-.035em;line-height:1.08;margin:24px 0 26px}
.custom-description{max-width:440px;font-size:var(--body-copy-size);line-height:1.55;color:#f4f3ef}
.custom-details{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid #ffffff40;display:grid;gap:18px;max-width:440px}
.custom-details li{display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.4}
.custom-details img{width:25px;height:25px;flex-shrink:0;filter:invert(1)}
.custom-documents{list-style:none;display:flex;flex-wrap:wrap;gap:12px 22px;margin:26px 0 32px;padding:0;font-size:13px;color:#fffc}
.custom-documents li{display:flex;align-items:center;gap:9px}
.custom-documents li:before{content:"";width:5px;height:5px;border:1px solid currentColor}
.custom-copy .button{font-size:15px}
.custom-fine{font-size:12px;margin-top:14px;line-height:1.5;color:#fffc}
.custom-nav{position:absolute;right:5vw;top:40%;z-index:4;display:grid;gap:25px;width:82px;color:#fff;visibility:hidden;opacity:0}
.custom-story.is-in-view .custom-nav{visibility:visible;opacity:1}
.custom-nav a{position:relative;padding-left:19px;font-size:10px;line-height:1.6}
.custom-nav a:before{content:"";position:absolute;left:0;top:6px;width:7px;height:7px;border:1px solid currentColor;border-radius:50%}
.custom-nav a[aria-current]:before{background:currentColor}
.custom-nav a:after{content:"";position:absolute;left:3px;top:15px;height:43px;border-left:1px solid;opacity:.4}
.custom-nav a:last-child:after{display:none}
.custom-nav span{display:block;font-size:11px}
.custom-scroll{display:none}
.custom-story.is-pinned{height:calc(var(--custom-height) + 230svh)}
.is-pinned .custom-pin{position:sticky;top:var(--custom-top);height:var(--custom-height);isolation:isolate}
.is-pinned .custom-scene{position:absolute;inset:0;min-height:0;opacity:var(--custom-opacity,0);visibility:hidden;pointer-events:none}
.is-pinned .custom-scene.is-visible{visibility:visible}
.is-pinned .custom-scene:not([inert]){pointer-events:auto}
.is-pinned .custom-photo>img{transform:scale(var(--custom-scale,1));transform-origin:58% center}
.is-pinned .custom-copy{opacity:var(--custom-copy-opacity,1);transform:translateY(var(--custom-copy-y,0px))}
.is-pinned .custom-details li{opacity:var(--item-opacity,1);transform:translateY(var(--item-y,0px))}
.is-pinned .custom-scroll{position:absolute;bottom:0;left:0;right:0;padding:16px 5vw 28px;z-index:3;display:block;color:#fffd;pointer-events:none}
.custom-scroll-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.5}
.custom-scroll-caption>span:last-child{display:flex;align-items:center;gap:15px}
.custom-scroll-caption img{width:16px;height:16px;filter:invert(1)}
.custom-progress{height:1px;background:#ffffff40;margin-top:18px}
.custom-progress>span{display:block;height:1px;background:#fff;transform:scaleX(var(--custom-progress,0));transform-origin:left}
@media(max-width:999px){
  .custom-scene{min-height:max(720px,var(--custom-height))}
  .custom-photo>img{object-position:62% center}
  .custom-photo:after{background:linear-gradient(90deg,#151713d9,#15171380),linear-gradient(0deg,#15171366,transparent 30%)}
  .custom-photo figcaption{bottom:28px;left:24px;right:24px;max-width:none;text-align:left}
  .custom-copy{max-width:600px;padding:60px 24px 100px}
  .custom-copy .breadcrumb{font-size:10px;letter-spacing:1.2px}
  .custom-copy h3{line-height:1.11;margin:20px 0}
  .custom-description{font-size:var(--body-copy-size)}
  .custom-details{margin-top:24px;padding-top:20px;gap:16px}
  .custom-details li{font-size:14px}
  .custom-details img{width:23px;height:23px}
  .custom-documents{margin:22px 0 26px;gap:16px;font-size:12px}
  .custom-fine{font-size:11px}
}
