.ob{--ink-12:rgba(32,32,27,.12);--ink-25:rgba(32,32,27,.25);--ink-45:rgba(32,32,27,.45);--ink-70:rgba(32,32,27,.7);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--font-serif-stack:var(--serif),"Instrument Serif",Georgia,serif;min-height:100svh;display:flex;flex-direction:column;background:var(--paper);position:relative}.ob-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E")}.ob-top{position:relative;z-index:2;justify-content:space-between;gap:16px;padding:18px clamp(20px,5vw,56px)}.ob-beats,.ob-top{display:flex;align-items:center}.ob-beats{gap:6px}.ob-beats i{width:26px;height:2px;background:var(--ink-12);position:relative;overflow:hidden;display:block}.ob-beats i b{position:absolute;inset:0;background:var(--moss);transform:scaleX(0);transform-origin:left;display:block;transition:transform .5s var(--ease-out-expo)}.ob-beats i.on b{transform:scaleX(1)}.ob-skip{font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--ink-45);text-decoration:none;transition:color .2s}.ob-skip:hover{color:var(--moss-700)}.ob-stage{position:relative;z-index:2;flex:1;min-height:0;display:flex;align-items:center;padding:clamp(20px,4vh,48px) clamp(20px,5vw,56px) clamp(34px,6vh,70px)}.ob-wrap{width:min(760px,100%);margin:0 auto}.ob-wrap.wide{width:min(1060px,100%)}.ob-q{font-weight:400;font-size:clamp(2rem,5.4vw,3.6rem);line-height:1.02;letter-spacing:-.03em;color:var(--ink);margin:14px 0 0;text-wrap:balance}.ob-q,.ob-sf{font-family:var(--serif)}.ob-sf{margin:16px 0 0;font-style:italic;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.35;color:var(--ink-70);max-width:34ch}.ob-w{vertical-align:top}.ob-w,.ob-w i{display:inline-block}.ob-w i{font-style:inherit}@media(prefers-reduced-motion:no-preference){.ob-w i{animation:ob-rise .7s var(--ease-out-expo) both;animation-delay:calc(var(--i,0) * 38ms)}}@keyframes ob-rise{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.ob-fade{opacity:1}@media(prefers-reduced-motion:no-preference){.ob-fade{animation:ob-in .9s var(--ease-out-expo) both;animation-delay:var(--d,.25s)}}@keyframes ob-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ob-cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ink-12);border:1px solid var(--ink-12);margin-top:clamp(26px,5vh,46px)}@media(max-width:640px){.ob-cards{grid-template-columns:1fr}}.ob-card{background:var(--paper);padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;gap:7px;min-height:126px;transition:background .22s,transform .22s}.ob-card:hover{background:#fff;transform:translateY(-2px)}.ob-card .rn{font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--moss-700)}.ob-card .t{font-family:var(--serif);font-size:clamp(1.25rem,2.1vw,1.65rem);line-height:1.1;color:var(--ink)}.ob-card .d{font-size:.94rem;line-height:1.45;color:var(--ink-60);margin-top:auto}.ob-card:hover .t{color:var(--moss-700)}.ob-card.wide{grid-column:1/-1;min-height:0;flex-direction:row;align-items:baseline;gap:14px;flex-wrap:wrap;padding-top:17px;padding-bottom:17px}.ob-card.wide .t{font-size:clamp(1.1rem,1.7vw,1.3rem);color:var(--ink-70)}.ob-card.wide .d{margin-top:0}@media(max-width:640px){.ob-card.wide{flex-direction:column;align-items:flex-start;gap:6px}}.ob-field{margin-top:clamp(24px,4.5vh,42px);border-bottom:1px solid var(--ink-25);display:flex;align-items:flex-end;gap:14px;transition:border-color .25s}.ob-field:focus-within{border-color:var(--moss)}.ob-field textarea{flex:1;min-width:0;border:none;outline:none;resize:none;background:none;font-family:var(--serif);font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.34;color:var(--ink);padding:0 0 12px}.ob-field textarea::-moz-placeholder{color:var(--ink-25)}.ob-field textarea::placeholder{color:var(--ink-25)}.ob-go{flex:0 0 auto;margin-bottom:12px;width:40px;height:40px;border-radius:50%;background:var(--moss);color:var(--paper);display:grid;place-items:center;transition:opacity .2s,transform .2s}.ob-go:hover{transform:translateY(-2px)}.ob-go[disabled]{opacity:.3;cursor:not-allowed;transform:none}.ob-hint{margin:11px 2px 0;font-family:var(--serif);font-style:italic;font-size:.92rem;color:var(--ink-45)}.ob-eg{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.ob-eg button{padding:8px 15px;border-radius:999px;border:1px solid var(--ink-16);background:var(--paper);font-size:.9rem;color:var(--ink-60);text-align:left;transition:border-color .2s,color .2s,background .2s}.ob-eg button:hover{border-color:var(--moss);color:var(--moss-700);background:#fff}.ob-said{padding:0 0 clamp(18px,3vh,28px);border-bottom:1px solid var(--ink-12)}.ob-said .lbl{display:block;font-family:var(--font-sans,system-ui,-apple-system,"Segoe UI",sans-serif);font-size:9.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-45);margin-bottom:8px}.ob-said .v{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3;color:var(--ink-70)}.ob-reply{margin-top:clamp(20px,3.4vh,32px)}.ob-reply .lbl{display:block;font-family:var(--font-sans,system-ui,-apple-system,"Segoe UI",sans-serif);font-size:9.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--moss-700);margin-bottom:9px}.ob-reply .v{font-family:var(--serif);font-size:clamp(1.5rem,3.6vw,2.5rem);line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.ob-reply .v em{font-style:italic;color:var(--moss-700)}.ob-caret{display:inline-block;width:2px;height:1em;background:var(--moss);vertical-align:-.12em;margin-left:2px;animation:ob-blink 1s steps(1) infinite}@keyframes ob-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.ob-caret{animation:none}}.ob-noticed{margin-top:clamp(22px,3.6vh,34px)}.ob-next{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(24px,4vh,38px)}.ob-next .q2{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,1.9vw,1.45rem);color:var(--ink-70)}.ob-map{position:relative;margin-top:clamp(22px,4vh,38px);aspect-ratio:16/9;min-height:300px;border:1px solid var(--border);background-color:#f3f0e6;background-image:radial-gradient(circle,rgba(53,70,32,.18) 1px,transparent 0);background-size:26px 26px}@media(max-width:700px){.ob-map{aspect-ratio:4/5;min-height:380px}}.ob-map .ph{position:absolute;left:14px;top:12px;font-family:var(--font-sans,system-ui,-apple-system,"Segoe UI",sans-serif);font-size:9.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-45)}.ob-map .edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ob-map .edges path{fill:none;stroke-width:1.4;stroke:rgba(94,118,51,.7)}.ob-map .edges path.dash{stroke:#e8b62c;stroke-dasharray:5 5}.ob-map .nd{position:absolute;max-width:min(54%,236px)}@media(prefers-reduced-motion:no-preference){.ob-map .edges path{stroke-dasharray:200;stroke-dashoffset:200;animation:ob-draw .9s var(--ease-standard) forwards;animation-delay:calc(.2s + var(--i,0) * .26s)}.ob-map .edges path.dash{animation:ob-dash .6s var(--ease-standard) forwards;animation-delay:calc(.4s + var(--i,0) * .26s)}.ob-map .nd{animation:ob-pop .55s var(--ease-out-expo) both;animation-delay:calc(.1s + var(--i,0) * .26s)}}@keyframes ob-draw{to{stroke-dashoffset:0}}@keyframes ob-dash{0%{opacity:0}to{opacity:1;stroke-dashoffset:0}}@keyframes ob-pop{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}.ob-creed{margin-top:clamp(26px,4.6vh,46px);padding-top:clamp(20px,3vh,28px);border-top:2px solid var(--ink)}.ob-creed .one{font-family:var(--serif);font-size:clamp(1.35rem,2.8vw,2.1rem);line-height:1.18;color:var(--ink);max-width:40ch}.ob-creed .one em{font-style:italic;color:var(--moss-700)}.ob-creed .row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:clamp(20px,3.4vh,30px)}.ob-creed .aside{font-style:italic}.ob-creed .aside,.ob-kept{font-family:var(--serif);font-size:.95rem;color:var(--ink-45)}.ob-kept{margin:10px 2px 0}.ob-kept em{font-style:italic;color:var(--moss-700)}.ob-dials.app-root{display:block;background:none;max-width:420px;margin-top:22px;padding:0}.ob-dials .mp-lbl{margin-left:0;font-size:10px}.ob-dials .mp-dial{margin-left:0;margin-right:0}.ob-dials .mp-dial-does{min-height:2.6em;font-size:12.5px}.ob-dials .mp-stop{font-size:11px}@media (max-width:560px){.ob-dials.app-root{max-width:100%}}.ob-first{position:fixed;inset:0;z-index:120;min-height:100svh;height:100dvh;overflow:auto}.ob-first .ob-top{padding-top:22px}.ob-first .ob-stage{align-items:center}.ob-premise{display:flex;flex-direction:column;gap:.18em}.ob-premise .ob-line{display:block}.ob-premise .ob-line-2{color:var(--moss-700)}.ob-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:clamp(26px,5vh,46px)}.ob-primary{font-family:var(--font-sans,system-ui,-apple-system,"Segoe UI",sans-serif),Inter,system-ui,sans-serif;font-size:.92rem;font-weight:500;letter-spacing:.02em;color:var(--paper);background:var(--moss);border:1px solid var(--moss);border-radius:999px;padding:12px 24px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.ob-primary:hover{background:var(--moss-700);transform:translateY(-1px)}.ob-primary:focus-visible{outline:2px solid var(--moss);outline-offset:3px}.ob-intents{margin:clamp(20px,3.6vh,32px) 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.9;color:var(--ink-45);display:flex;flex-wrap:wrap;align-items:baseline;row-gap:2px}.ob-intents button{font:inherit;color:inherit;background:none;padding:0 2px;cursor:pointer;border:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.ob-intents button:focus-visible,.ob-intents button:hover{color:var(--moss-700);outline:none}.ob-intents button.is-on{color:var(--ink);border-bottom-color:var(--moss)}.ob-dot{padding:0 .55em;color:var(--ink-25)}.ob-eg-line{margin:10px 2px 0;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.ob-eg-k{font-family:var(--font-sans,system-ui,-apple-system,"Segoe UI",sans-serif),Inter,system-ui,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-45)}.ob-eg-line button{font-family:var(--serif);font-size:1.02rem;color:var(--ink-60);background:none;border:none;padding:0;text-align:left;cursor:pointer;border-bottom:1px solid var(--ink-12);transition:color .2s,border-color .2s}.ob-eg-line button:hover{color:var(--moss-700);border-bottom-color:var(--moss)}@media(prefers-reduced-motion:reduce){.ob-eg-line button,.ob-intents button,.ob-primary{transition:none}}.ob-wrap.ob-wrap-wide{width:min(980px,100%)}.ob-q.ob-q-sm{font-size:clamp(1.9rem,4.4vw,3rem)}.ob-sub{margin:12px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(1rem,1.4vw,1.15rem);color:var(--ink-45)}.ob-roles{margin-top:clamp(22px,4vh,36px);display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.ob-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;-moz-column-gap:12px;column-gap:12px;row-gap:3px;align-items:start;text-align:left;padding:16px 16px 15px;background:hsla(0,0%,100%,.55);border:1px solid var(--ink-12);border-radius:14px;cursor:pointer;color:var(--ink);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.ob-card:focus-visible,.ob-card:hover{border-color:var(--moss);background:hsla(0,0%,100%,.85);transform:translateY(-1px);box-shadow:0 10px 26px -18px rgba(32,32,27,.45);outline:none}.ob-card.is-on{border-color:var(--moss);background:rgba(94,118,51,.08)}.ob-card-ic{grid-row:1/3;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:rgba(94,118,51,.1);color:var(--moss-700)}.ob-card-t{font-family:var(--serif);font-size:1.3rem;line-height:1.1}.ob-card-d{font-family:var(--font-sans,system-ui,sans-serif),Inter,system-ui,sans-serif;font-size:.8rem;line-height:1.35;color:var(--ink-60)}.ob-later{margin-top:18px;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--ink-45);background:none;border:none;padding:0;cursor:pointer;border-bottom:1px solid var(--ink-12)}.ob-later:hover{color:var(--moss-700);border-bottom-color:var(--moss)}@media(max-width:560px){.ob-roles{grid-template-columns:1fr 1fr;gap:8px}.ob-card{grid-template-columns:1fr;padding:12px}.ob-card-ic{grid-row:auto;width:34px;height:34px;margin-bottom:6px}.ob-card-t{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.ob-card,.ob-way{transition:none}.ob-card:hover{transform:none}}.ob-steps{display:inline-flex;gap:6px;margin-left:auto;margin-right:18px}.ob-steps i{display:block;width:22px;height:3px;border-radius:2px;background:var(--ink-12)}.ob-steps i.on{background:var(--moss)}.ob-name{margin-top:clamp(22px,4vh,34px);display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ob-name input{flex:1;min-width:220px;max-width:460px;font-family:var(--serif);font-size:clamp(1.6rem,3.4vw,2.3rem);color:var(--ink);background:none;border:none;border-bottom:1.5px solid var(--ink-25);padding:6px 2px;outline:none;transition:border-color .2s}.ob-name input:focus{border-bottom-color:var(--moss)}.ob-name input::-moz-placeholder{color:var(--ink-25)}.ob-name input::placeholder{color:var(--ink-25)}.ob-primary:disabled{opacity:.4;cursor:default;transform:none}.ob-how{margin-top:clamp(22px,4vh,36px);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.ob-howc{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:18px 20px;border:1px solid var(--ink-12);border-radius:16px;background:hsla(0,0%,100%,.6);cursor:pointer;color:var(--ink);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.ob-howc:focus-visible,.ob-howc:hover{border-color:var(--moss);background:hsla(0,0%,100%,.9);transform:translateY(-2px);box-shadow:0 14px 34px -22px rgba(32,32,27,.5);outline:none}.ob-howc.is-on{border-color:var(--moss);background:rgba(94,118,51,.08)}.ob-howc-pic{width:100%;height:auto;max-height:96px;margin-bottom:8px;border-radius:10px;background:rgba(94,118,51,.06)}.ob-howc-pic .b1{fill:rgba(32,32,27,.1)}.ob-howc-pic .b2{fill:rgba(94,118,51,.28)}.ob-howc-pic .dot{fill:var(--moss)}.ob-howc-pic .rule{stroke:rgba(32,32,27,.14);stroke-width:1}.ob-howc-pic .edge{fill:none;stroke:rgba(94,118,51,.55);stroke-width:1.2}.ob-howc-pic .n{fill:#fff;stroke:rgba(32,32,27,.28);stroke-width:1}.ob-howc-pic .n.on{fill:rgba(94,118,51,.2);stroke:var(--moss)}.ob-howc-pic .curve{fill:none;stroke:var(--moss);stroke-width:1.4}.ob-howc-pic .who{fill:rgba(94,118,51,.45)}.ob-howc-pic .who.b{fill:rgba(38,70,83,.4)}.ob-howc-t{font-family:var(--serif);font-size:clamp(1.4rem,2.4vw,1.7rem);line-height:1.05}.ob-howc-d{font-size:.88rem;line-height:1.4;color:var(--ink-60)}.ob-howc-d,.ob-howc-n{font-family:var(--font-sans,system-ui,sans-serif),Inter,system-ui,sans-serif}.ob-howc-n{margin-top:6px;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--moss-700)}.ob-kick{margin:10px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--ink-60)}.ob-ways{margin:clamp(18px,3vh,26px) 0 clamp(14px,2.6vh,22px);display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}.ob-way{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px 16px 15px;border:1px solid var(--ink-12);border-radius:14px;background:hsla(0,0%,100%,.62);cursor:pointer;color:var(--ink);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}.ob-way:focus-visible,.ob-way:hover{border-color:var(--moss);background:hsla(0,0%,100%,.92);transform:translateY(-2px);box-shadow:0 12px 28px -20px rgba(32,32,27,.5);outline:none}.ob-way.is-on{border-color:var(--moss);background:rgba(94,118,51,.1);box-shadow:0 0 0 1px var(--moss) inset}.ob-way-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:6px;border-radius:12px;background:rgba(94,118,51,.12);color:var(--moss-700)}.ob-way.is-on .ob-way-ic{background:var(--moss);color:var(--paper)}.ob-way-t{font-family:var(--serif);font-size:1.28rem;line-height:1.1}.ob-way-d{font-family:var(--font-sans,system-ui,sans-serif),Inter,system-ui,sans-serif;font-size:.8rem;line-height:1.35;color:var(--ink-60)}.ob-eg-card{margin:14px 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 18px;border-left:3px solid var(--moss);background:rgba(94,118,51,.06);border-radius:0 12px 12px 0}.ob-eg-card .ob-eg-k{font-size:10px}.ob-eg-card button{font-family:var(--serif);font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.35;color:var(--ink);background:none;border:none;padding:0;text-align:left;cursor:pointer}.ob-eg-card button:hover{color:var(--moss-700)}.ob-eg-use{font-family:var(--font-sans,system-ui,sans-serif),Inter,system-ui,sans-serif;font-size:.74rem;color:var(--ink-45)}@media(max-width:560px){.ob-ways{grid-template-columns:1fr 1fr;gap:8px}.ob-way{padding:12px}.ob-way-ic{width:36px;height:36px}.ob-way-t{font-size:1.08rem}.ob-how{grid-template-columns:1fr}.ob-steps{margin-right:10px}.ob-steps i{width:14px}}@media(prefers-reduced-motion:reduce){.ob-howc,.ob-way{transition:none}.ob-howc:hover,.ob-way:hover{transform:none}}