/* V6: personal story, catalogue and circular hero sculpture */
.story-section{max-width:1150px}
.story-quote{margin:5px 0 24px;max-width:830px}
.story-quote blockquote{margin:0;font-size:clamp(23px,3vw,36px);font-weight:670;letter-spacing:-.027em;line-height:1.32;font-family:Georgia, 'Times New Roman',serif;color:var(--text)}
.story-quote figcaption{margin-top:12px;font-size:12px;letter-spacing:.02em;color:var(--muted)}
.story-quote figcaption a:hover{text-decoration:underline;text-underline-offset:3px}
.story-summary{font-size:clamp(15px,1.65vw,17px);line-height:1.8;max-width:840px;color:var(--muted)}
.story-read-more{border:0;background:transparent;color:var(--accent2);font-size:14px;font-weight:780;padding:9px 0;cursor:pointer;text-align:left}
.story-read-more:hover{text-decoration:underline;text-underline-offset:5px}
.story-full{margin-top:17px;max-width:840px;padding:24px 28px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--panel) 66%,transparent);border-radius:0 14px 14px 0}
.story-full p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 1.15em}
.story-full p:last-child{margin:0}
.view-all-row{text-align:center;margin-top:15px}
.all-projects-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.all-project-item{display:flex;flex-direction:column;gap:8px;text-align:left;padding:17px;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text)}
.all-project-item:hover{border-color:var(--accent)}
.all-project-item strong{font-size:17px}
.all-project-item small{color:var(--muted);line-height:1.5;font-size:13px}
/* Equal width and height for each ring's bounding shape: more circular silhouette, no vertical pinching. */
.orbital-object{width:min(270px,72vw);height:min(270px,72vw);transform:rotate(-11deg);animation:orbitFloatRound 10s ease-in-out infinite}
.orbit{left:7%;top:7%;width:86%;height:86%;border-width:15px;box-shadow:0 0 16px #7c9bb12c,inset 0 0 12px #d1e4f7}
.orbit-one{transform:rotateZ(-33deg) rotateX(53deg)}
.orbit-two{transform:rotateZ(53deg) rotateY(53deg)}
.orbit-three{transform:rotateZ(133deg) rotateX(58deg);opacity:.84}
.orbital-core{top:40%;left:40%;width:20%;height:20%}
@keyframes orbitFloatRound{0%,100%{transform:translateY(0) rotate(-11deg) rotateY(-8deg)}50%{transform:translateY(-10px) rotate(-5deg) rotateY(9deg)}}
@media(max-width:650px){.story-quote blockquote{font-size:24px}.story-full{padding:19px}.all-projects-list{grid-template-columns:1fr}.story-summary{font-size:14px;line-height:1.75}.orbit{border-width:11px}}