.story[data-v-7afde542]{padding-top:clamp(3rem,8vh,6rem)}.section[data-v-7afde542]{padding-block:clamp(4rem,10vh,8rem)}.principles[data-v-7afde542]{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(2.5rem,5vw,4rem);display:grid}.principle[data-v-7afde542]{background:var(--surface);border:1px solid var(--line);transition:transform .6s var(--ease-out), border-color var(--dur);border-radius:12px;align-content:start;gap:.75rem;padding:clamp(1.5rem,3vw,2.25rem);display:grid}.principle[data-v-7afde542]:hover{border-color:color-mix(in srgb, var(--accent-2) 45%, var(--line));transform:translateY(-4px)}.principle__comment[data-v-7afde542]{font-size:var(--fs-xs);color:var(--ol-comment);font-style:italic}.principle__title[data-v-7afde542]{font-size:var(--fs-xl);letter-spacing:-.02em}.principle__text[data-v-7afde542]{color:var(--fg)}.stack[data-v-7afde542]{background:var(--surface);margin-top:clamp(2.5rem,5vw,4rem)}.log[data-v-7afde542]{font-size:var(--fs-sm);margin-top:clamp(2.5rem,5vw,4rem);display:grid}.log__item[data-v-7afde542]{border-bottom:1px dashed var(--line);grid-template-columns:1.75rem 5.5rem auto 1fr;grid-template-areas:"graph hash head head""graph year msg msg";gap:.35rem 1rem;padding:1.1rem 0;display:grid;position:relative}.log__graph[data-v-7afde542]{grid-area:graph;position:relative}.log__graph[data-v-7afde542]:before{content:"";background:var(--accent);opacity:.35;width:2px;position:absolute;top:-1.1rem;bottom:-1.2rem;left:50%;transform:translate(-50%)}.log__graph i[data-v-7afde542]{border:2px solid var(--accent);background:var(--bg);border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:.35rem;left:50%;transform:translate(-50%)}.log__item:first-child .log__graph i[data-v-7afde542]{background:var(--accent)}.log__hash[data-v-7afde542]{color:#c18401;grid-area:hash}.log__head[data-v-7afde542]{color:var(--accent-3);grid-area:head}.log__year[data-v-7afde542]{font-size:var(--fs-lg);color:var(--fg-strong);grid-area:year;font-weight:600}.log__msg[data-v-7afde542]{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--fg);grid-area:msg}.bridge[data-v-7afde542]{color:var(--od-fg-hi);background:var(--od-bg-1);border-radius:4px;gap:1.5rem;padding:clamp(2rem,5vw,4rem);display:grid;position:relative;overflow:hidden}.bridge[data-v-7afde542]:after{content:"";transition:transform 1.4s var(--ease-out);pointer-events:none;background:linear-gradient(110deg,#0000 40%,#d19a662e 55%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.bridge[data-v-7afde542]:hover:after{transform:translate(100%)}.bridge__eyebrow[data-v-7afde542]{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--od-orange);align-items:center;gap:.6rem;display:inline-flex}.bridge__title[data-v-7afde542]{max-width:48rem;font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:550;line-height:1.2}.bridge__title em[data-v-7afde542]{color:var(--od-orange);font-weight:400}.bridge__go[data-v-7afde542]{font-size:var(--fs-sm);color:var(--od-orange);align-items:center;gap:.6rem;display:inline-flex}.bridge__go .icon[data-v-7afde542]{transition:transform var(--dur) var(--ease-out)}.bridge:hover .bridge__go .icon[data-v-7afde542]{transform:translate(6px)}@media (max-width:760px){.principles[data-v-7afde542]{grid-template-columns:1fr}.log__item[data-v-7afde542]{grid-template-columns:1.5rem 1fr;grid-template-areas:"graph hash""graph head""graph year""graph msg"}}