@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');
.orbit-story{--bg:#0c1210;--paper:#ece7da;--ink:#101713;--muted:#a3aba0;--accent:#9eb599;--line:#334137}
.orbit-story{position:relative;height:auto;background:var(--bg)}
.orbit-story.is-enhanced{height:320svh}
.orbit-stage{height:calc(100svh - 0px);min-height:670px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#1c2220 0%,#111615 40%,var(--bg) 75%)}
.is-enhanced .orbit-stage{position:sticky;top:0}
.orbit-grid{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent calc(15% - 1px),var(--line) 15%,transparent calc(15% + 1px),transparent calc(85% - 1px),var(--line) 85%,transparent calc(85% + 1px));opacity:.5}
#orbit-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.orbit-top{position:absolute;top:32px;left:5%;right:5%;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}
.orbit-top .dot{margin-right:9px}
.orbit-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:80px 5% 140px;pointer-events:none}
.orbit-kicker{font:9px var(--mono);letter-spacing:2.5px;color:var(--muted);margin-bottom:25px!important}
.orbit-copy h1{font-family:var(--display);font-weight:500;letter-spacing:-.065em;line-height:1.16}
.orbit-prefix{display:block;font-size:clamp(28px,4.2vw,64px);color:var(--paper)}
.orbit-word{display:block;font-size:clamp(47px,9vw,140px);color:var(--accent);margin-top:8px;text-shadow:0 5px 50px #080d0a;transition:opacity .18s,transform .18s;min-height:1.2em}
.orbit-word.changing{opacity:0;transform:translateY(12px)}
.orbit-description{font-size:13px;line-height:1.7;margin-top:22px!important;color:var(--paper);max-width:410px;min-height:44px;text-shadow:0 2px 15px var(--bg)}
.orbit-copy .pill{margin-top:22px;pointer-events:auto;background:var(--paper)}
.orbit-copy .pill:hover{background:var(--accent)}
.orbit-side{position:absolute;right:5%;top:40%;font:8px/2.5 var(--mono);letter-spacing:2px;color:var(--muted);text-align:center}
.orbit-bottom{position:absolute;bottom:45px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:30px}
.orbit-scroll{display:flex;gap:15px;align-items:center;font:8px var(--mono);letter-spacing:1px;color:var(--muted)!important}
.orbit-scroll>span{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:22px}
.orbit-chapters{display:flex;gap:32px;font:9px var(--mono);color:var(--muted)}
.orbit-chapter{padding-top:15px;border-top:1px solid var(--line);transition:color .3s,border-color .3s}
.orbit-chapter b{font-weight:400;margin-left:10px}
.orbit-chapter.active{color:var(--paper);border-color:var(--accent)}
.orbit-counter{font:10px var(--mono);color:var(--accent)}
.orbit-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--line)}
.orbit-progress>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px var(--accent)}
@media(max-width:900px){.orbit-bottom{gap:18px}
.orbit-chapters{gap:15px}
.orbit-scroll{max-width:190px;line-height:1.7}
.orbit-chapter b{margin-left:5px}
.orbit-side{display:none}
.orbit-word{font-size:10vw}
.orbit-prefix{font-size:5vw}
}
@media(max-width:650px){.orbit-stage{height:100svh;min-height:650px}
.orbit-story.is-enhanced{height:280svh}
.orbit-top{top:25px;font-size:7px;letter-spacing:.4px}
.orbit-top>span:last-child{max-width:75px;text-align:right;line-height:1.6}
.orbit-copy{padding:95px 6% 170px}
.orbit-kicker{font-size:7px;letter-spacing:1.1px;margin-bottom:22px!important}
.orbit-prefix{font-size:7.2vw}
.orbit-word{font-size:11.2vw;margin-top:16px;min-height:1.35em}
.orbit-description{font-size:12px;max-width:290px;margin-top:18px!important;min-height:42px}
.orbit-copy .pill{margin-top:18px}
.orbit-bottom{bottom:30px;flex-wrap:wrap;gap:22px}
.orbit-scroll{font-size:7px;max-width:230px;order:2}
.orbit-scroll>span{width:34px;height:34px;font-size:18px;flex-shrink:0}
.orbit-chapters{width:100%;justify-content:space-between;font-size:8px;gap:12px}
.orbit-chapter{padding-top:12px}
.orbit-chapter b{margin-left:5px}
.orbit-counter{order:3;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.orbit-story.is-enhanced{height:auto}
.is-enhanced .orbit-stage{position:relative}
.orbit-word{transition:none}
.orbit-progress{display:none}
}
.orbit-top .dot{box-shadow:none;background:#709b7e}
.orbit-progress>span{box-shadow:none}
.orbit-grid{opacity:.25}
.orbit-word{text-shadow:0 4px 24px #080d0a}
.orbit-stage{background:radial-gradient(ellipse at 70% 44%,#23392b,var(--bg) 68%)}
.reference-backdrop{position:absolute;inset:-7%;z-index:-3;background-size:cover;background-position:center;filter:grayscale(1) brightness(.23);opacity:.6;transform:translateY(var(--scene-shift,0px)) scale(1.05);will-change:transform}
.orbit-stage::after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0c1210ed 0%,#0c121075 55%,#0c121026 100%)}
#orbit-canvas{opacity:.42}
.orbit-copy{align-items:flex-start;text-align:left;left:7%;right:40%;padding:85px 0 150px;z-index:3}
.orbit-copy h1{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:-.045em;line-height:1.04;font-weight:400}
.orbit-prefix{font-size:clamp(44px,5.7vw,86px)}
.orbit-word{font-size:clamp(48px,6.3vw,100px);font-style:italic;color:var(--accent);min-height:1.18em;margin-top:18px}
.orbit-kicker{letter-spacing:2px;margin-bottom:30px!important;font-size:9px}
.orbit-description{max-width:330px;color:var(--muted);font-size:13px;line-height:1.9}
.orbit-copy .pill{background:var(--paper);margin-top:30px}
.orbit-side{display:none}
.orbit-grid{opacity:.13}
.orbit-bottom{z-index:4}
@media(max-width:900px){.orbit-copy{left:6%;right:28%}
.orbit-prefix{font-size:6.8vw}
.orbit-word{font-size:8vw}
.orbit-description{max-width:290px}
}
@media(max-width:650px){.orbit-stage{min-height:740px}
.orbit-copy{left:7%;right:7%;padding:100px 0 170px;justify-content:center}
.orbit-kicker{font-size:7px;max-width:240px;line-height:1.7;margin-bottom:20px!important}
.orbit-prefix{font-size:12vw}
.orbit-word{font-size:13vw;margin-top:16px}
.orbit-description{font-size:12px;max-width:255px}
#orbit-canvas{opacity:.3}
.orbit-copy .pill{margin-top:22px}
}
@media(prefers-reduced-motion:reduce){.reference-backdrop{transform:none;will-change:auto}
}
#reference-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.86}
#orbit-canvas[hidden]{display:none}
.reference-backdrop{opacity:.24}
.orbit-stage{background:radial-gradient(ellipse at 58% 44%,#1a2822,#0b100e 72%)}
.orbit-stage::after{background:linear-gradient(90deg,#0c12109c 0%,#0c121038 42%,transparent 75%)}
.orbit-copy{z-index:3}
.orbit-word{color:#a9c1ae}
.orbit-prefix{text-shadow:0 2px 25px #07100a}
.orbit-description{text-shadow:0 2px 12px #07100a}
@media(max-width:650px){#reference-particles{opacity:.86}
.orbit-stage::after{background:linear-gradient(90deg,#0c12108c,transparent 95%)}
}

/* Phone composition: a self-contained orbital scene above opaque, readable copy. */
@media(max-width:768px){
 .orbit-story.is-enhanced{height:auto}
 .is-enhanced .orbit-stage,.orbit-stage{position:relative;top:auto;height:auto;min-height:0;background:#0c1210;overflow:hidden}
 .reference-backdrop,.orbit-grid,.orbit-stage::after{display:none}
 .orbit-top{position:absolute;top:23px;left:24px;right:24px;font-size:8px;line-height:1.6;letter-spacing:.5px}
 .orbit-top>span:last-child{display:none}
 #reference-particles,#orbit-canvas{inset:auto;top:55px;left:0;width:100%;height:clamp(240px,68vw,320px);opacity:.95;z-index:0}
 .orbit-copy{position:relative;inset:auto;left:auto;right:auto;display:flex;align-items:flex-start;text-align:left;margin-top:calc(55px + clamp(240px,68vw,320px));padding:26px 24px 32px;background:#0c1210;z-index:2;pointer-events:auto}
 .orbit-kicker{font:600 10px/1.6 var(--body);letter-spacing:1.5px;color:#a5b7a9;margin-bottom:17px!important;max-width:none}
 .orbit-copy h1{font-family:var(--body);font-weight:500;letter-spacing:-2px;line-height:1.12;width:100%}
 .orbit-prefix{font-size:clamp(34px,8.8vw,47px);line-height:1.12;color:#eeeade;text-shadow:none}
 .orbit-word{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(45px,11vw,58px);font-style:italic;line-height:1.1;margin-top:14px;min-height:1.15em;color:#bad0bf;text-shadow:none}
 .orbit-description{font:400 16px/1.65 var(--body);color:#c4cdc6;text-shadow:none;max-width:100%;min-height:0;margin-top:18px!important}
 .orbit-copy .pill{width:100%;min-height:52px;border-radius:14px;font-size:14px;margin-top:25px;justify-content:space-between}
 .hero-project-link{width:100%;min-height:44px;align-items:center;justify-content:space-between;font-size:13px;margin-top:12px}
 .orbit-bottom{position:relative;inset:auto;left:auto;right:auto;bottom:auto;padding:0 24px 27px;display:block;background:#0c1210;z-index:2}
 .orbit-chapters{display:flex;width:100%;justify-content:space-between;gap:12px;font-size:9px}
 .orbit-chapter{padding-top:12px;flex:1}
 .orbit-chapter b{display:block;margin:6px 0 0;font:500 12px var(--body)}
 .orbit-scroll,.orbit-counter,.orbit-progress,.orbit-side{display:none}
}