.story-section{--story-progress:0;position:relative;isolation:isolate;padding:104px var(--pad,6vw) 44px;background:#090a0b;color:#efefec;border-top:1px solid #ffffff1a;scroll-margin-top:32px}.story-intro{max-width:1500px;margin:0 auto 44px;display:grid;grid-template-columns:1fr 2fr 1.1fr;gap:30px;align-items:start}.story-intro h2{font-size:clamp(40px,4.4vw,74px);font-weight:430;line-height:1.1;letter-spacing:-.06em;margin:0}.story-intro>p:last-child{font-size:15px;line-height:1.7;color:#a8adaa;padding-top:9px;margin:0}.story-body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(40px,8vw,150px);max-width:1500px;margin:auto;align-items:start}.story-visual{position:sticky;top:max(24px,calc((100svh - 610px)/2));align-self:start;min-width:0;margin:0}.story-stage{position:relative;perspective:900px;aspect-ratio:1;max-height:560px;width:100%;display:grid;place-items:center;overflow:hidden;overflow:clip}.story-art{display:block;width:100%;height:100%;max-height:560px;overflow:visible;transform:rotateX(15deg) rotateY(-14deg) rotateZ(-12deg);transform-origin:center;will-change:auto}.story-sculpture{filter:drop-shadow(0 15px 14px #0009)}.story-orbit-grid{opacity:.32}.story-orbits{opacity:.23;transform-origin:300px 300px}.story-monogram{opacity:.9}.story-orbit-point{transform-origin:300px 300px}.story-caption{display:flex;justify-content:space-between;gap:20px;color:#9ea39e;font-size:12px;line-height:1.5;padding:0 12px 17px}.story-counter{display:flex;gap:8px;color:#e2d3b3;font-variant-numeric:tabular-nums}.story-counter>span:last-child{color:#747b75}.story-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 12px}.story-progress>span{height:1px;background:#ffffff21;position:relative;overflow:hidden}.story-progress>span:after{content:'';position:absolute;inset:0;background:#d9bc82;transform:scaleX(var(--story-fill,0));transform-origin:left}.story-narrative{min-width:0;padding:6vh 0}.story-step{min-height:66svh;display:flex;flex-direction:column;justify-content:center;padding:50px 0;position:relative}.story-step h3{font-size:clamp(40px,4.8vw,79px);font-weight:420;line-height:1.06;letter-spacing:-.063em;margin:0 0 30px;overflow-wrap:normal;text-wrap:balance}.story-step-label{display:flex;align-items:center;gap:20px;font-size:13px;line-height:1.5;color:#d9bc82;margin:0 0 26px}.story-step-label>span{font-size:11px;color:#a0a39c;font-variant-numeric:tabular-nums;border-top:1px solid #827655;padding-top:5px;width:30px}.story-step>p:last-of-type{max-width:35ch;color:#a8adaa;line-height:1.85;font-size:16px;margin:0}.story-step .text-link{align-self:start;margin-top:32px}.story-step:after{content:'';position:absolute;bottom:0;left:0;width:48px;height:1px;background:#d9bc823b}.story-step:last-child:after{display:none}.story-section[data-story-static] .story-art{transform:rotateX(12deg) rotateY(-10deg) rotateZ(-8deg)}
@media(min-width:1700px){.story-section{padding-inline:max(var(--pad,6vw),calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.story-intro{grid-template-columns:1fr 2fr}.story-intro>p:last-child{grid-column:2;padding:0}.story-body{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.story-step h3{font-size:clamp(37px,5.2vw,58px)}.story-step>p:last-of-type{font-size:15px}.story-visual{top:calc((100svh - 430px)/2)}}
@media(max-width:700px){.story-section{padding:66px var(--pad,6vw) 32px}.story-intro{display:block;margin-bottom:20px}.story-intro h2{font-size:42px;margin-bottom:22px}.story-intro>p:last-child{font-size:14px}.story-body{display:block}.story-visual{top:0;z-index:2;padding:9px 0 16px;background:linear-gradient(#090a0b 88%,#090a0b00);margin-inline:-10px}.story-stage{height:clamp(190px,32svh,290px);max-height:none;aspect-ratio:auto}.story-art{width:min(74vw,246px);max-width:80%;height:auto;max-height:80%;aspect-ratio:1}.story-caption{font-size:10px;max-width:340px;margin:auto;padding-bottom:10px}.story-progress{max-width:340px;margin:auto}.story-narrative{padding:0 0 22px}.story-step{min-height:53svh;padding:36px 0 48px}.story-step h3{font-size:clamp(35px,8.8vw,59px);max-width:12ch;margin-bottom:23px}.story-step-label{margin-bottom:20px;font-size:12px}.story-step>p:last-of-type{font-size:15px;line-height:1.8;max-width:39ch}.story-step .text-link{margin-top:27px}}
@media(max-width:700px) and (max-height:600px){.story-visual{position:relative;top:auto}.story-stage{height:210px}.story-step{min-height:0;padding:34px 0}.story-narrative{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){.story-visual{position:relative;top:0}.story-narrative{padding:0}.story-step{min-height:0;padding:34px 0}.story-art{transform:rotateX(12deg) rotateY(-10deg) rotateZ(-8deg)!important}.story-body{align-items:center}.story-orbits,.story-orbit-point{transform:none!important}}