.opening{position:relative;padding-top:clamp(130px,20vh,200px);overflow:hidden}.opening-inner{position:relative;z-index:1}.opening-title{max-width:16ch}.opening-title span{display:block;color:var(--text-3)}.opening-actions{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}.opening-field{margin-top:clamp(56px,8vw,96px);height:clamp(240px,33vw,400px)}.field{width:100%;height:100%}.field-ahead{fill:#e8650009}.field-label{font-family:var(--font);font-size:15px;font-weight:500;letter-spacing:.04em;fill:var(--text-3)}.field-label-hot{fill:var(--orange)}.field-dot{fill:#fff;opacity:0;animation:field-in .6s var(--ease) forwards}.field-node{fill:#fff;opacity:0;animation:field-node .5s var(--ease) forwards}.field-link{fill:none;stroke:#ffffff8c;stroke-width:1.5;vector-effect:none;stroke-dasharray:1;stroke-dashoffset:1;animation:field-draw .7s var(--ease) forwards}.field-ahead-line{opacity:0;animation:field-fade .8s var(--ease) 2.5s forwards}.field-next{opacity:0;animation:field-fade .6s var(--ease) 2.9s forwards}.field-ring-outer{opacity:.25}@keyframes field-in{to{opacity:var(--o)}}@keyframes field-node{to{opacity:1}}@keyframes field-draw{to{stroke-dashoffset:0}}@keyframes field-fade{to{opacity:1}}@media(prefers-reduced-motion:reduce){.field-dot,.field-node,.field-link,.field-ahead-line,.field-next{animation:none;opacity:1;stroke-dashoffset:0}.field-dot{opacity:var(--o)}}.connect-title{max-width:14ch}.connect-lead{margin-top:20px;max-width:34ch}.flow{margin-top:clamp(56px,8vw,88px);display:grid;grid-template-columns:auto minmax(60px,1fr) auto minmax(40px,.7fr) auto;align-items:center}.flow-in{list-style:none;display:grid;gap:10px}.flow-in li{padding:8px 16px;border:1px solid var(--line-2);border-radius:980px;font-size:.92rem;color:var(--text-2);text-align:center}.flow-fan,.flow-out-line{width:100%;overflow:visible}.flow-fan{align-self:stretch;height:100%}.flow-out-line{height:10px}.flow-fan path,.flow-out-line path{fill:none;stroke:#ffffff47;stroke-width:1.25;vector-effect:non-scaling-stroke}.flow-out-line path{stroke:var(--orange);stroke-dasharray:4 5}.flow-core{width:104px;height:104px;border-radius:50%;border:1px solid var(--line-2);background:var(--bg);display:grid;place-items:center}.flow-out{display:flex;align-items:center;gap:12px;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;letter-spacing:-.02em}.flow-out-dot{width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #e865002e}@media(max-width:720px){.flow{grid-template-columns:1fr;justify-items:center;gap:0}.flow-in{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.flow-fan,.flow-out-line{display:none}.flow-core{margin:28px 0;position:relative}.flow-core:before,.flow-core:after{content:"";position:absolute;left:50%;width:1px;height:28px}.flow-core:before{bottom:100%;background:var(--line-2)}.flow-core:after{top:100%;background:var(--orange)}}.principles-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,48px)}.principles-list li{border-top:1px solid var(--line-2);padding-top:22px}.principles-num{font-size:.8rem;font-weight:600;color:var(--orange);font-variant-numeric:tabular-nums}.principles-list h3{margin-top:18px;font-size:clamp(1.35rem,2.4vw,1.75rem)}.principles-list p{margin-top:10px;color:var(--text-2);max-width:28ch}@media(max-width:760px){.principles-list{grid-template-columns:1fr}}
