.framework{padding:clamp(64px,8vw,112px) 0;background:#faf8f2;scroll-margin-top:76px}.framework>.shell{max-width:1380px}.framework__head{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:56px}.framework__head h2{font-size:clamp(2.6rem,4.5vw,4.2rem);line-height:1.09;letter-spacing:-.025em}.framework__head h2 em{color:var(--sage)}.framework__head>p{max-width:37ch;margin:0 0 4px;justify-self:end;font-size:1.05rem;line-height:1.8;color:var(--muted)}.framework__explorer{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.framework__navigation-label{font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:var(--sage);margin:0 0 20px}.framework__tabs{display:none}.framework[data-ready] .framework__tabs{display:block}.framework__tab{display:flex;align-items:center;gap:24px;position:relative;min-height:74px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #d5d9cd;cursor:pointer;color:var(--pine);padding:16px 16px 16px 0;transition:color .25s,background .25s}.framework__tab>span:first-child{font-family:var(--display);font-size:1.7rem;line-height:1;width:46px;flex:none;color:var(--sage)}.framework__tab strong{font-family:var(--display);font-size:1.32rem;font-weight:400;line-height:1.2}.framework__arrow{font-size:1.05rem;margin-left:auto;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}.framework__tab[aria-selected=true]{background:#e9ede2;color:#243c2e;padding-left:16px}.framework__tab[aria-selected=true]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#d79c63}.framework__tab[aria-selected=true]>span:first-child{color:#9a6539}.framework__tab[aria-selected=true] .framework__arrow,.framework__tab:hover .framework__arrow{opacity:1;transform:none}.framework__tab:hover{color:#8a5c37}.framework__navigation>.pillar__link{margin-top:24px}.framework__stage{position:relative;overflow:hidden;background:#e9ede2;border-radius:4px;min-height:528px}.framework__panel{position:relative;padding:42px 44px 164px}.framework__panel[hidden]{display:none}.framework[data-ready] .framework__panel{animation:framework-panel-in .4s ease}.framework__panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px}.framework__panel-top .eyebrow{font-size:.65rem;letter-spacing:.13em;margin:0}.framework__panel-top>span{font-size:.65rem;letter-spacing:.1em;color:var(--sage);white-space:nowrap}.framework__panel h3{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.02em;max-width:19ch}.framework__description{font-size:1rem;line-height:1.8;max-width:44ch;color:var(--muted);margin:24px 0}.framework__takeaway{font-family:var(--display);font-size:1.2rem;font-style:italic;color:#58684d;line-height:1.5;margin:0}.framework__ridge{position:absolute;inset:auto 0 0;height:140px;pointer-events:none}.framework__ridge svg{width:100%;height:100%;display:block}.framework__ridge path{stroke:#85967b;stroke-width:1.3;opacity:.45}.framework__ridge .framework__trail{stroke:#2c4938;opacity:.8}.framework__sun{fill:#ee9f5e}@keyframes framework-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:900px){.framework__head{gap:40px}.framework__explorer{gap:32px}.framework__panel{padding:36px 32px 150px}.framework__tab{gap:16px}.framework__tab strong{font-size:1.15rem}}@media(max-width:760px){.framework__head{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.framework__head>p{justify-self:start;max-width:40ch;font-size:1rem}.framework__head h2{font-size:clamp(2.5rem,9vw,3.5rem)}.framework__explorer{grid-template-columns:1fr;gap:24px}.framework[data-ready] .framework__tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.framework__tab{border:1px solid #d5d9cd;border-radius:2px;padding:12px;min-height:70px;gap:10px}.framework__tab[aria-selected=true]{padding-left:12px;border-color:#b5c2a9}.framework__tab>span:first-child{font-size:1.35rem;width:27px}.framework__tab strong{font-family:var(--body);font-size:.75rem;line-height:1.5}.framework__arrow{display:none}.framework__navigation>.pillar__link{margin-top:12px;font-size:.7rem}.framework__stage{min-height:484px}.framework__panel{padding:28px 24px 140px}.framework__panel-top{margin-bottom:24px}.framework__panel-top .eyebrow{font-size:.57rem;letter-spacing:.08em}.framework__panel h3{font-size:2.1rem}.framework__description{font-size:.95rem;margin:20px 0}.framework__takeaway{font-size:1.1rem}.framework__ridge{height:116px}}@media(prefers-reduced-motion:reduce){.framework[data-ready] .framework__panel{animation:none}.framework__tab,.framework__arrow{transition:none}}.framework__stage{min-height:620px}.framework__panel{padding-bottom:280px}.framework__ridge{height:260px;pointer-events:auto}.framework__canvas{position:absolute;inset:0;display:none;width:100%;height:100%}.framework__ridge[data-live] .framework__canvas{display:block}.framework__ridge[data-live] svg{visibility:hidden}@media(max-width:760px){.framework__stage{min-height:600px}.framework__panel{padding-bottom:270px}.framework__ridge{height:250px}}
