.story-section{overflow-x:clip}.story{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:72px;display:grid}.story__title{color:var(--c-navy);font-size:clamp(26px,3vw,34px);font-weight:900;line-height:1.4}.story__text{color:var(--c-body);gap:16px;margin-top:24px;font-size:16px;line-height:1.9;display:grid}.story__visual{justify-content:center;display:flex}.orbit{aspect-ratio:1;width:min(100%,440px);position:relative}.orbit__ring{border:1.5px dashed rgba(var(--c-teal-rgb), .45);border-radius:50%;position:absolute;inset:14%}.orbit__ring--inner{background:radial-gradient(circle, rgba(var(--c-teal-rgb), .12), transparent 70%);border:1px solid #c8b38e80;inset:30%}.orbit__mark{width:26%;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.orbit__track{transform:rotate(var(--spin,0deg));position:absolute;inset:14%}.orbit__arm{transform:rotate(var(--a));pointer-events:none;position:absolute;inset:0}.orbit__dim{text-align:center;transform-origin:50% 21px;width:150px;transform:rotate(calc(-1 * (var(--a) + var(--spin,0deg))));pointer-events:auto;cursor:pointer;flex-direction:column;align-items:center;margin:-21px 0 0 -75px;text-decoration:none;display:flex;position:absolute;top:0;left:50%}.orbit__icon{background:var(--c-white);border:1px solid rgba(var(--c-teal-rgb), .45);width:42px;height:42px;color:var(--c-teal);box-shadow:0 0 0 6px var(--c-white);transition:background .3s var(--ease), color .3s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.orbit__dim:hover .orbit__icon,.orbit__dim:focus-visible .orbit__icon{background:var(--c-teal);color:var(--c-white)}.orbit__dim:hover b{color:var(--c-teal)}.orbit__dim b{transition:color .3s var(--ease)}.orbit__icon:after{content:"";border:2px solid var(--c-teal);opacity:0;pointer-events:none;animation:orbitRipple 9s var(--ease) infinite;animation-delay:calc(var(--i) * 3s);border-radius:50%;position:absolute;inset:-1px}@keyframes orbitRipple{0%{opacity:.55;transform:scale(1)}19%,to{opacity:0;transform:scale(1.7)}}.orbit__dim b,.orbit__dim small{text-shadow:0 0 6px var(--c-white), 0 0 6px var(--c-white)}.orbit__dim b{color:var(--c-navy);margin-top:10px;font-size:16px}.orbit__dim small{font-family:var(--font-num);letter-spacing:.06em;color:var(--c-muted);font-size:11px}@media (max-width:520px){.orbit__dim{width:110px;margin-left:-55px}.orbit__dim b{font-size:14px}.orbit__dim small{display:none}}@media (prefers-reduced-motion:reduce){.orbit__track,.orbit__dim,.orbit__icon:after{animation:none}.orbit__dim{transform:rotate(calc(-1 * var(--a)))}}.pillars{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pillar{padding:36px 32px}.pillar__icon{background:var(--grad);width:56px;height:56px;color:var(--c-white);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.pillar__label{color:var(--c-teal);align-items:baseline;gap:8px;margin-top:24px;font-size:14px;font-weight:700;display:flex}.pillar__label small{font-family:var(--font-num);letter-spacing:.12em;text-transform:uppercase;color:var(--c-gold);font-size:12px;font-weight:500}.pillar__title{color:var(--c-navy);margin-top:8px;font-size:21px;font-weight:900}.pillar__text{color:var(--c-body);margin-top:12px;font-size:15px;line-height:1.8}.section-head .sample-tag{margin-top:14px}.timeline{grid-template-columns:repeat(5,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(90deg, var(--c-gold), rgba(var(--c-teal-rgb), .5));height:2px;position:absolute;top:51px;left:0;right:0}.timeline__item{position:relative}.timeline__year{font-family:var(--font-num);color:var(--c-navy);font-size:28px;font-weight:700;line-height:36px;display:block}.timeline__dot{background:var(--c-white);border:3px solid var(--c-teal);border-radius:50%;width:16px;height:16px;margin:8px 0 20px;display:block;position:relative}.timeline__title{color:var(--c-navy);font-size:17px;font-weight:700}.timeline__text{color:var(--c-body);margin-top:8px;font-size:14px;line-height:1.8}@media (max-width:1024px){.story{grid-template-columns:1fr;gap:48px}}@media (max-width:860px){.pillars{grid-template-columns:1fr}.timeline{grid-template-columns:1fr;gap:28px;padding-left:32px}.timeline:before{background:linear-gradient(180deg, var(--c-gold), rgba(var(--c-teal-rgb), .5));width:2px;height:auto;inset:8px auto 8px 7px}.timeline__dot{margin:0;position:absolute;top:10px;left:-32px}.timeline__title{margin-top:4px}}
