/* Original artwork on dimensional print surfaces. */
.relay-story{position:relative;background:#e9ecf1;color:#111827;--relay-progress:0;}
.relay-sticky{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:900px;min-height:620px;padding:42px 4vw 28px;background:radial-gradient(ellipse at 52% 42%,#fff 0%,#f6f7fa 36%,#e4e8ef 90%);}
.relay-enhanced{height:340svh;min-height:2200px;}
.relay-enhanced .relay-sticky{position:sticky;top:0;height:100svh;}
.relay-scene-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;position:relative;z-index:3;pointer-events:none;}
.relay-scene-heading .eyebrow{font-size:12px;color:#34507d;letter-spacing:.1em;}
.relay-scene-heading h3{font-size:clamp(30px,3.3vw,48px);line-height:1.13;letter-spacing:-.045em;margin-top:14px;}
.relay-scene-heading>p{max-width:310px;font-size:15px;line-height:1.6;color:#697587;padding-top:31px;min-height:76px;}
.relay-stage{position:relative;min-height:0;perspective:1800px;perspective-origin:50% 46%;touch-action:pan-y;}
.relay-world{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;}
.relay-print{pointer-events:none;}
.relay-print.is-featured{pointer-events:auto;}
.relay-print,.relay-print.relay-photo{position:absolute;top:50%;left:50%;width:67%;height:auto;aspect-ratio:auto;min-height:0;display:block;margin:0;padding:0;border:0;border-radius:1px;background:#fff;transform-style:preserve-3d;transform:translate3d(-50%,-50%,0);box-shadow:0 2px 3px #23345617,0 24px 48px -15px #1f2e493d;cursor:zoom-in;overflow:visible;}
.relay-print:not(:first-child){visibility:hidden;}
.relay-print-face{position:absolute;inset:0;display:block;backface-visibility:hidden;background:#fff;transform:translateZ(1px);}
.relay-print-face img{display:block;width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;object-position:center;transform:none;}
.relay-print-back{position:absolute;inset:0;background:#d1d7e1;transform:translateZ(-6px);border:1px solid #b9c2d1;}
.relay-print-side{position:absolute;top:0;right:0;width:6px;height:100%;background:linear-gradient(90deg,#f5f7fa,#b4becc);transform-origin:right center;transform:rotateY(-90deg);}
.relay-print-bottom{position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(#d1d7df,#aab5c4);transform-origin:center bottom;transform:rotateX(90deg);}
.relay-print:focus-visible{outline:3px solid #1649e8;outline-offset:9px;}
.relay-scene-footer{position:relative;z-index:5;display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:30px;row-gap:16px;}
.relay-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:770px;gap:15px;}
.relay-chapters button{position:relative;display:flex;align-items:center;gap:10px;padding:16px 0 7px;min-height:48px;background:none;color:#7a8495;text-align:left;font-size:14px;border-top:1px solid #b8c0cd;white-space:nowrap;transition:color .2s,border-color .2s;}
.relay-chapters button span{font-size:12px;font-variant-numeric:tabular-nums;}
.relay-chapters button[aria-pressed=true]{color:#123da7;border-top-color:#1649e8;}
.relay-chapters button:hover{color:#1649e8;}
.relay-studio-meta{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.05em;color:#697689;}
.relay-studio-meta b{font-weight:400;font-variant-numeric:tabular-nums;}
.relay-depth-hint{display:flex;gap:8px;align-items:center;}
.relay-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#1649e8;transform:scaleX(var(--relay-progress));transform-origin:left;}
.relay-story:not(.relay-enhanced) .relay-stage{min-height:500px;}
.relay-story:not(.relay-enhanced) .relay-print:first-child{height:80%;}
.relay-story:not(.relay-enhanced) .relay-scene-footer{display:none;}
.reduced-motion .relay-enhanced{height:auto;min-height:0;}
.reduced-motion .relay-sticky{position:relative;height:850px;}
.reduced-motion .relay-stage{perspective:none;}
.reduced-motion .relay-print-side,.reduced-motion .relay-print-bottom,.reduced-motion .relay-depth-hint{display:none;}
@media(max-width:1000px){
 .relay-scene-heading>p{max-width:240px;font-size:14px;}
 .relay-chapters{gap:12px;}
 .relay-chapters button{gap:7px;}
}
@media(max-width:700px){
 .relay-enhanced{height:300svh;min-height:1900px;}
 .relay-sticky{padding:28px 22px 20px;min-height:580px;}
 .relay-scene-heading{display:block;min-height:139px;}
 .relay-scene-heading h3{font-size:30px;margin-top:12px;max-width:350px;}
 .relay-scene-heading>p{max-width:330px;padding-top:12px;min-height:0;font-size:14px;line-height:1.55;}
 .relay-stage{perspective:1200px;}
 .relay-scene-footer{grid-template-columns:1fr;gap:12px;}
 .relay-chapters{max-width:none;gap:10px;}
 .relay-chapters button{display:block;min-height:53px;padding:8px 0 3px;font-size:12px;}
 .relay-chapters button span{display:block;font-size:12px;line-height:1.3;margin-bottom:4px;}
 .relay-studio-meta{min-height:42px;font-size:12px;}
 .relay-depth-hint{max-width:170px;letter-spacing:0;}
 .relay-scene-count{display:none;}
 .reduced-motion .relay-sticky{height:740px;}
}
@media(max-height:700px) and (min-width:701px){
 .relay-sticky{min-height:500px;padding-top:24px;padding-bottom:16px;}
 .relay-scene-heading h3{font-size:30px;margin-top:9px;}
 .relay-scene-heading>p{padding-top:16px;}
 .relay-studio-meta{display:none;}
}
@media(prefers-reduced-motion:reduce){
 html:not(.motion-ready) .relay-enhanced{height:auto;min-height:0;}
 html:not(.motion-ready) .relay-sticky{position:relative;}
}
/* Short landscape and enlarged-text views scroll normally, with manual stages. */
.relay-enhanced.relay-compact{height:auto;min-height:0;}
.relay-compact .relay-sticky{position:relative;height:auto;min-height:0;grid-template-rows:auto minmax(280px,65svh) auto;row-gap:20px;}

/* A continuous process, expressed through the existing artwork. */
.relay-scene-footer{grid-template-columns:1fr;}
.relay-chapters{max-width:none;}
.relay-scene-heading>p{max-width:420px;min-height:132px;padding-top:14px;}
.relay-scene-heading>div{max-width:670px;}
.relay-method{padding:0 0 78px;border-bottom:1px solid #cbd2df;margin-bottom:64px;}
.relay-method-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;}
.relay-method-heading .eyebrow{grid-column:1/-1;color:#34507d;margin-bottom:18px;}
.relay-method-heading h3{font-size:clamp(32px,3.7vw,50px);line-height:1.1;letter-spacing:-.045em;font-weight:450;max-width:480px;}
.relay-method-heading>p:last-child{font-size:16px;line-height:1.75;color:#586275;max-width:520px;}
.relay-method-flow{list-style:none;margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}
.relay-method-flow li{border-top:2px solid #b7c8ed;padding:24px 25px 0 0;position:relative;}
.relay-method-flow li:last-child{padding-right:0;border-color:#1649e8;}
.relay-method-number{font-size:11px;letter-spacing:.08em;color:#1649e8;}
.relay-method-flow h4{font-size:24px;line-height:1.2;letter-spacing:-.035em;margin:18px 0 14px;max-width:210px;}
.relay-method-flow p{font-size:15px;line-height:1.75;color:#586275;}
.relay-method-flow small{display:block;color:#273e67;font-size:12px;line-height:1.6;margin-top:22px;}
.relay-method-return{display:flex;align-items:center;gap:12px;border-top:1px solid #d2d8e3;margin-top:32px;padding-top:20px;color:#4f6080;font-size:14px;}
.relay-method-return span{font-size:23px;color:#1649e8;}
.relay-compact .relay-depth-hint{visibility:hidden;}
@media(max-width:1000px){.relay-scene-heading>p{max-width:340px;font-size:14px;}.relay-method-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;}.relay-method-flow li{padding-right:0;}.relay-method-flow h4{max-width:none;}.relay-method-heading{gap:20px;}}
@media(max-width:700px){.relay-scene-heading{min-height:190px;}.relay-scene-heading>p{min-height:0;max-width:100%;font-size:14px;line-height:1.55;padding-top:12px;}.relay-scene-heading .eyebrow{font-size:10px;}.relay-scene-heading h3{font-size:28px;}.relay-chapters button{font-size:12px;}.relay-studio-meta{min-height:26px;}.relay-depth-hint{max-width:none;}.relay-method{padding-bottom:45px;margin-bottom:40px;}.relay-method-heading{grid-template-columns:1fr;gap:15px;}.relay-method-heading .eyebrow{margin-bottom:0;}.relay-method-flow{margin-top:30px;gap:28px;}.relay-method-flow h4{font-size:22px;}.relay-method-flow p{font-size:14px;}}
@media(max-width:480px){.relay-method-flow{grid-template-columns:1fr;}.relay-method-flow li{padding-top:18px;}.relay-method-flow h4{margin-top:12px;}.relay-method-flow small{margin-top:12px;}.relay-method-return{align-items:flex-start;}}
@media(max-width:700px) and (min-height:560px) and (max-height:650px){.relay-sticky{min-height:0;padding-top:22px;}.relay-scene-heading{min-height:204px;}.relay-scene-heading h3{font-size:25px;}.relay-scene-heading>p{font-size:13px;}}
