.field-story{--bg: #0c221a;--bg2: #16382b;--ink: #f3f5f0;--ink2: #b7c4bb;--line: #2c4a3c;--accent: #c6e84a;--accent-hover: #b4d63a;color:var(--ink);color-scheme:dark;font-family:"Instrument Sans",var(--font, sans-serif);font-size:16px;line-height:1.55;background:radial-gradient(120% 90% at 72% 38%,var(--bg2),var(--bg) 70%),var(--bg);background-color:var(--bg);-webkit-font-smoothing:antialiased}body.field-story{margin:0}.field-story.is-embed{position:relative;height:800svh}.field-story-pin{position:sticky;top:0;z-index:2;height:100svh;overflow:hidden}.field-story,.field-story *{box-sizing:border-box}.field-story .stage{position:absolute;inset:0;z-index:0;pointer-events:none}.field-story .steps{position:absolute;z-index:5;opacity:0;left:max(16px,env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.field-story .steps li{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);padding:5px 10px;border:1px solid var(--line);border-radius:999px;transition:color .25s,border-color .25s,background .25s}.field-story .steps li.done{color:var(--ink);border-color:#4a6b5c}.field-story .steps li.on{color:var(--bg);background:var(--accent);border-color:var(--accent)}.field-story .intro{position:absolute;z-index:6;top:calc(50% + 24px);left:50%;width:max-content;max-width:calc(100% - 48px);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;pointer-events:none}.field-story .intro-line{margin:0;min-height:1.15em;font-size:clamp(2.35rem,6vw,4.25rem);font-weight:500;letter-spacing:-.04em;line-height:1.08;color:var(--ink)}.field-story .intro-sub{margin:0;max-width:22em;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:400;letter-spacing:-.02em;line-height:1.4;color:var(--ink2)}.field-story .caret{display:inline-block;width:2px;height:.82em;margin-left:3px;background:var(--accent);vertical-align:-.08em;animation:intro-caret .8s steps(1) infinite}@keyframes intro-caret{50%{opacity:0}}.field-story .intro-cta{pointer-events:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--accent);color:#16382b;font-weight:600;font-size:.95rem;line-height:1;text-decoration:none}.field-story .intro-cta:hover{background:var(--accent-hover)}.field-story .readout{position:absolute;left:0;right:0;bottom:0;z-index:5;opacity:0;padding:36px max(16px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 14px) max(16px,env(safe-area-inset-left,0px));display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);background:linear-gradient(to top,#0c221aeb,#0c221a00);pointer-events:none}.field-story .readout b{color:var(--accent);font-weight:500}.field-story .tag{position:absolute;left:0;top:0;z-index:4;pointer-events:none;opacity:0;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding:4px 8px 4px 10px;border-left:2px solid var(--accent);background:#0c221ab3;white-space:nowrap}.field-story main{position:relative;z-index:2;pointer-events:none}.field-story .beat{min-height:100svh}.field-story .beat.tall{min-height:200svh}.field-story .glnote{position:absolute;z-index:3;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));top:90px;font-size:.78rem;color:var(--ink2);text-align:right}@media(max-width:760px){.field-story .intro{top:72%;gap:12px;max-width:calc(100% - 36px)}.field-story .intro-line{font-size:clamp(1.55rem,7.4vw,2.15rem);letter-spacing:-.045em}.field-story .intro-sub{font-size:1rem}.field-story .readout .src{display:none}.field-story .tag{font-size:.6rem;padding:3px 6px 3px 8px}}@media(prefers-reduced-motion:reduce){.field-story .steps li,.field-story .tag,.field-story .caret{transition:none;animation:none}}