.principles-hero{padding:96px 0 74px;background:radial-gradient(circle at 82% 20%,rgba(85,183,170,.28),transparent 27%),linear-gradient(128deg,#101c34,#17324d 55%,#0d6267);color:#fffaf0}.principles-hero h1{max-width:980px;font-size:clamp(3.4rem,7vw,7rem)}.principles-hero .lede{color:#d8e4e2;max-width:850px}.principles-hero .eyebrow{color:#e3ad4d}.principle-index{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(227,173,77,.42);margin-top:42px}.principle-index a{padding:18px 20px;border-right:1px solid rgba(227,173,77,.32);font-size:.83rem;font-weight:850;letter-spacing:.04em}.principle-index a:last-child{border-right:0}.principle-index span{display:block;color:#e3ad4d;font-family:Georgia,serif;font-size:1.5rem;margin-bottom:4px}.principle-family{padding:82px 0}.principle-family:nth-child(odd){background:linear-gradient(135deg,#efe2ce,#e5eee9)}.family-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:54px;margin-bottom:42px}.family-number{font-family:Georgia,serif;color:#0d6267;font-size:5rem;line-height:.8}.family-head h2{font-size:clamp(2.5rem,4.8vw,4.6rem)}.family-head p{max-width:760px;color:#606a78;font-size:1.08rem}.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.principle-card{position:relative;background:#fffaf0;border:1px solid #d9cbb8;padding:30px;min-height:280px;overflow:hidden}.principle-card::after{content:attr(data-index);position:absolute;right:18px;top:10px;font-family:Georgia,serif;font-size:5rem;color:rgba(13,98,103,.08)}.principle-card .label{display:inline-flex;color:#0d6267;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.principle-card h3{font-family:Georgia,serif;font-size:1.85rem;margin:28px 0 12px;max-width:500px}.principle-card p{color:#56616f;max-width:620px}.principle-rule{margin-top:22px;padding-top:15px;border-top:1px solid #d9cbb8;font-size:.85rem;font-weight:800;color:#17324d}.architecture-chain{display:grid;grid-template-columns:repeat(7,1fr);margin-top:34px;border:1px solid rgba(255,255,255,.22)}.architecture-chain span{padding:15px 8px;text-align:center;border-right:1px solid rgba(255,255,255,.18);font-size:.75rem;font-weight:850}.architecture-chain span:last-child{border:0}.principles-close{text-align:center;padding:90px 0;background:#fffaf0}.principles-close blockquote{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;max-width:1000px;margin:0 auto 32px;color:#17324d}@media(max-width:900px){.principle-index,.architecture-chain{grid-template-columns:repeat(2,1fr)}.family-head{grid-template-columns:1fr}.principles-grid{grid-template-columns:1fr}.architecture-chain span{border-bottom:1px solid rgba(255,255,255,.18)}}@media(max-width:600px){.principles-hero{padding:68px 0 54px}.principle-index,.architecture-chain{grid-template-columns:1fr}.principle-index a{border-right:0;border-bottom:1px solid rgba(227,173,77,.32)}.family-number{font-size:3rem}.principle-card{padding:24px;min-height:0}}