.core-principles{--principles-dark: #102a36;--principles-primary: #0a5068;--principles-accent: #1eb6d4;--principles-text: #536870;--principles-border: #cfe1e8;--principles-surface: #f5f9fb;position:relative;overflow:hidden;padding:clamp(5rem,9vw,8rem) clamp(1rem,4vw,2rem);background:linear-gradient(180deg,#ffffff 0%,var(--principles-surface) 100%)}.core-principles__container{width:100%;max-width:1240px;margin-inline:auto}.core-principles__header{max-width:820px;margin:0 auto clamp(3.5rem,7vw,6rem);text-align:center}.core-principles__eyebrow{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.core-principles__eyebrow span{width:2rem;height:1px;background:var(--principles-accent)}.core-principles__eyebrow p{margin:0;color:var(--principles-primary);font-size:.65rem;font-weight:800;line-height:1.4;letter-spacing:.18em;text-transform:uppercase}.core-principles__title{max-width:760px;margin:0 auto 1rem;color:var(--principles-dark);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:800;line-height:1.08;letter-spacing:-.035em}.core-principles__title>span{display:block}.core-principles__title-highlight{color:var(--principles-accent)}.core-principles__description{max-width:700px;margin:0 auto;color:var(--principles-text);font-size:.9rem;line-height:1.65}.core-principles__timeline{position:relative;display:grid;gap:clamp(1.4rem,3vw,2.7rem);margin:0;padding:0;list-style:none}.core-principles__timeline:before{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#cfe2e8;content:"";transform:translate(-50%)}.core-principles__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1fr);align-items:center}.core-principles__item--left .core-principles__card{grid-column:1;justify-self:end}.core-principles__item--right .core-principles__card{grid-column:3;justify-self:start}.core-principles__card{position:relative;width:min(100%,510px);min-height:160px;padding:1.5rem 1.65rem;border:1px solid #c9dde4;border-radius:.5rem;background:#fff;box-shadow:0 8px 24px #102a3608;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.core-principles__card:hover{background:var(--principles-primary);border-color:#91d6e5;box-shadow:0 14px 32px #102a3614;transform:translateY(-2px)}.core-principles__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;margin-bottom:1rem;border:1px solid #b9e5ef;border-radius:.4rem;background:#e8f7fb;color:#1baac8;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.core-principles__icon svg{width:1rem;height:1rem}.core-principles__card:hover .core-principles__icon{border-color:#1eb6d4;background:#d9f3f8;color:#087f99;transform:translateY(-1px)}.core-principles__card h3{margin:0 0 .55rem;color:var(--principles-dark);font-size:clamp(.98rem,1.3vw,1.12rem);font-weight:800;line-height:1.3;transition:color .18s ease}.core-principles__card:hover h3{color:var(--principles-surface)}.core-principles__card p{margin:0;color:var(--principles-text);font-size:clamp(.75rem,.95vw,.84rem);line-height:1.65}.core-principles__card:hover p{color:var(--principles-surface)}.core-principles__marker{position:relative;z-index:2;display:grid;grid-column:2;grid-row:1;width:2.15rem;height:2.15rem;place-items:center;justify-self:center;border:4px solid var(--principles-surface);border-radius:50%;background:#d8f1f6;color:#167f96;font-size:.68rem;font-weight:900;line-height:1;letter-spacing:.01em;box-shadow:0 0 0 1px #b8dfe8;transition:background-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.core-principles__item:hover .core-principles__marker{background:var(--principles-accent);color:#073745;box-shadow:0 0 0 1px #79cddd,0 7px 18px #1eb6d42e;transform:scale(1.06)}.core-principles__timeline>.scroll-animation{width:100%}.core-principles__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.core-principles__year{padding:.38rem .55rem;border-radius:.3rem;background:#edf7fa;color:var(--principles-primary);font-size:.68rem;font-weight:900;letter-spacing:.06em;line-height:1;transition:background-color .18s ease,color .18s ease}.core-principles__card:hover .core-principles__year{background:#ffffff24;color:#d9f3f8}@media (prefers-reduced-motion: reduce){.core-principles__timeline>.scroll-animation{opacity:1;transform:none}}@media (max-width: 900px){.core-principles__item{grid-template-columns:minmax(0,1fr) 3.8rem minmax(0,1fr)}.core-principles__card{min-height:175px;padding:1.4rem}.core-principles__marker{width:2rem;height:2rem;font-size:.63rem}}@media (max-width: 700px){.core-principles{padding-inline:1rem}.core-principles__header{margin-bottom:3rem}.core-principles__title>span{display:inline}.core-principles__title-highlight:before{content:" "}.core-principles__timeline{gap:1.35rem;padding-left:3.25rem}.core-principles__timeline:before{left:1.2rem;transform:none}.core-principles__item,.core-principles__item--left,.core-principles__item--right{display:block}.core-principles__card,.core-principles__item--left .core-principles__card,.core-principles__item--right .core-principles__card{width:100%;min-height:0}.core-principles__marker{position:absolute;top:50%;left:-3.25rem;width:2.15rem;height:2.15rem;border-width:4px;font-size:.68rem;transform:translateY(-50%)}.core-principles__item:hover .core-principles__marker{transform:translateY(-50%) scale(1.06)}}@media (max-width: 420px){.core-principles{padding-top:4.5rem;padding-bottom:4.5rem}.core-principles__timeline{padding-left:2.85rem}.core-principles__timeline:before{left:1.05rem}.core-principles__marker{left:-2.85rem;width:2rem;height:2rem;border-width:3px;font-size:.62rem}.core-principles__card{padding:1.2rem}.core-principles__icon{width:2.35rem;height:2.35rem}}@media (prefers-reduced-motion: reduce){.core-principles__card,.core-principles__icon,.core-principles__card h3,.core-principles__marker{transition:none}.core-principles__card:hover,.core-principles__card:hover .core-principles__icon,.core-principles__item:hover .core-principles__marker{transform:none}@media (max-width: 700px){.core-principles__item:hover .core-principles__marker{transform:translateY(-50%)}}}
