/* Original web adaptations of Jitter's Stack, Orbit and Split Reveal patterns. */
.story-section{border-top:1px solid var(--line);overflow:hidden;background:var(--paper)}
.story-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}
.story-intro>p:not(.eyebrow){margin-top:24px;font-size:14px}.story-intro h2{font-weight:500}.story-intro h2 .serif{color:var(--accent-text)}
.story-controls{display:flex;align-items:center;gap:22px;margin-top:32px}.story-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--control-border);background:transparent;color:var(--ink);font-size:21px;transition:transform .2s,background .2s}.story-controls button:hover{background:var(--raised);transform:translateY(-3px)}.story-controls .mono{font-size:10px}.story-hint{font-size:8px!important}
.story-stack{position:relative;height:420px;margin:35px 28px 35px 0;isolation:isolate}
.story-card{position:absolute;inset:0;padding:34px;border-radius:12px;border:1px solid #1d241e35;display:flex;flex-direction:column;box-shadow:0 14px 30px #00000012;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .6s;transform-origin:50% 85%;backface-visibility:hidden}
.story-card[data-slot="0"]{z-index:3;transform:translate(0,0) rotate(-2deg)}.story-card[data-slot="1"]{z-index:2;transform:translate(18px,12px) rotate(4deg)}.story-card[data-slot="2"]{z-index:1;transform:translate(30px,22px) rotate(8deg)}
.story-card.is-leaving{transform:translate(90px,-85px) rotate(14deg);opacity:0;z-index:4}
.story-card--lime{background:#dff36c;color:#1d241e}.story-card--cream{background:#ede8d8;color:#1d241e}.story-card--forest{background:#304f39;color:#f4f2e9}
.story-card>.mono{font-size:9px}.story-symbol{position:absolute;right:30px;top:28px;font-family:var(--serif);font-size:43px;line-height:1}.story-card h3{font-size:clamp(28px,3vw,43px);line-height:1.15;font-weight:500;letter-spacing:-.05em;margin:60px 0 20px}.story-card em{font-family:var(--serif);font-weight:400}.story-card>p{font-size:13px;line-height:1.75;color:inherit;max-width:350px}.story-card>a{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #1d241e55;font-size:12px}.story-card blockquote{font-family:var(--serif);font-style:italic;font-size:28px;line-height:1.4;margin:56px 0 20px}.story-card .story-attribution{font-size:8px;margin-top:auto}
.skill-orbit{height:140px;width:230px;position:relative;align-self:center;margin-top:15px;pointer-events:none;isolation:isolate}.orbit-ring{position:absolute;inset:23px 14px;border:1px solid #8b9c834a;border-radius:50%;transform:rotate(-14deg)}.orbit-center{position:absolute;inset:0;display:grid;place-items:center;font-size:52px;color:var(--acid)}.orbit-node{position:absolute;left:calc(50% - 38px);top:calc(50% - 15px);animation:skill-orbit 18s linear infinite;animation-delay:var(--orbit-delay)}.orbit-node span{display:block;width:76px;padding:7px 8px;text-align:center;font-family:var(--mono);font-size:9px;background:#e9ece1;color:#1d241e;border:1px solid #1d241e33;border-radius:5px;box-shadow:0 4px 8px #0002;animation:skill-counter-orbit 18s linear infinite;animation-delay:var(--orbit-delay)}
@keyframes skill-orbit{from{transform:rotate(0deg) translateX(92px)}to{transform:rotate(360deg) translateX(92px)}}@keyframes skill-counter-orbit{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
.skill-orbit:not(.is-in-view) .orbit-node,.skill-orbit:not(.is-in-view) .orbit-node span{animation-play-state:paused}
.split-photo{position:relative;overflow:hidden}.split-photo:before,.split-photo:after{content:'';position:absolute;top:0;bottom:0;width:50.5%;z-index:2;background:var(--surface);pointer-events:none;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.split-photo:before{left:0}.split-photo:after{right:0}.split-photo.is-revealed:before{transform:translateX(-101%)}.split-photo.is-revealed:after{transform:translateX(101%)}
body:not(.motion-ready) .split-photo:before,body:not(.motion-ready) .split-photo:after{display:none}
.motion-paused .story-card,.motion-paused .split-photo:before,.motion-paused .split-photo:after{transition:none}.motion-paused .split-photo:before,.motion-paused .split-photo:after{display:none}
@media(max-width:1100px){.story-layout{gap:50px}.story-card{padding:26px}.story-card h3{font-size:34px}.story-card blockquote{font-size:25px}.skill-orbit{width:200px}}
@media(max-width:760px){.story-layout{grid-template-columns:1fr;gap:15px}.story-stack{height:400px;margin:25px 26px 15px 5px}.story-intro h2{font-size:38px}.story-card{padding:25px}.story-card h3{font-size:34px;margin-top:58px}.story-card blockquote{font-size:25px}.story-card>p{font-size:12px}.story-card>.mono{font-size:8px}.story-symbol{font-size:34px}.skill-orbit{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-node,.orbit-node span{animation:none}.orbit-node:nth-of-type(3){transform:translate(-90px,-35px)}.orbit-node:nth-of-type(4){transform:translate(85px,0)}.orbit-node:nth-of-type(5){transform:translate(-30px,45px)}.split-photo:before,.split-photo:after{display:none}.story-card{transition:none}}
@media(max-width:760px){.story-card blockquote{font-size:22px;line-height:1.35;margin-top:42px}.story-card .story-attribution{font-size:7px;line-height:1.6}}