.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}}.field-story.request-story{position:fixed;inset:0;z-index:1;height:auto;overflow:hidden}.request-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(85% 80% at 66% 46%,#0a171200 42%,#0a17128c)}.request-card-wrap{position:absolute;inset:0;z-index:4;display:flex;justify-content:center;align-items:flex-end;padding:108px 24px 36px;pointer-events:none}.request-card{pointer-events:auto;width:min(440px,100%);max-height:calc(100dvh - 112px);overflow:auto;padding:22px 22px 18px;border-radius:18px;background:#0c221ac7;border:1px solid rgba(243,245,240,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px -24px #000000a6}.request-kicker{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;font-size:.8125rem;font-weight:500;color:#b7c4bb}.request-dots{display:flex;gap:6px;margin-bottom:18px}.request-dots span{width:8px;height:8px;background:#f3f5f047}.request-dots span.is-on,.request-dots span.is-done{background:#c6e84a}.request-step{animation:request-in .16s ease}@keyframes request-in{0%{opacity:0}to{opacity:1}}.request-question,.request-done h1{display:block;margin:0;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:600;letter-spacing:-.03em;line-height:1.2;color:#f3f5f0}.request-hint,.request-done p{margin:8px 0 0;color:#b7c4bb;font-size:.95rem;line-height:1.45}.request-card input,.request-card select{display:block;width:100%;height:48px;margin-top:16px;padding:0 12px;font:inherit;font-size:16px;color:#f3f5f0;background:#ffffff0f;border:1px solid rgba(243,245,240,.22);border-radius:12px}.request-card input::placeholder{color:#f3f5f073}.request-card input:focus,.request-card select:focus{outline:none;border-color:#c6e84a;box-shadow:0 0 0 3px #c6e84a47}.request-error{margin:8px 0 0;color:#ffb4ab;font-size:.875rem}.request-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.request-actions .btn-lime{flex:1;width:100%}.request-card .btn-lime:focus-visible,.request-back:focus-visible{outline:none;box-shadow:0 0 0 2px #0c221a,0 0 0 4px #c6e84a}.request-back{background:transparent;border:0;color:#b7c4bb;font:inherit;font-size:.9375rem;font-weight:500;min-height:44px;padding:0 4px;cursor:pointer}.request-back:hover{color:#f3f5f0}.request-done h1{overflow-wrap:anywhere}@media(max-width:720px),(max-height:640px){.request-card-wrap{align-items:flex-start;padding:84px 16px 20px}}@media(prefers-reduced-motion:reduce){.request-step{animation:none}}