@import url("../assets/framework-base.css");
.showcase { padding: clamp(28px, 6vw, 68px); }
.showcase-number { display: block; color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .18em; }
.showcase > strong { position: relative; z-index: 2; display: block; max-width: 800px; margin-top: 20px; font-size: clamp(48px, 8vw, 105px); line-height: .85; letter-spacing: -.07em; }
.showcase > p { position: relative; z-index: 2; max-width: 420px; margin-top: 25px; color: #b9bec5; line-height: 1.5; }
.showcase-art { position: absolute; pointer-events: none; }

:root { --bg:#e9e2d3; --paper:#fff8ea; --ink:#251d19; --muted:#776b61; --line:#bdb3a6; --accent:#e14b31; --accent-2:#ffcf3f; --dark:#251d19; --width:1180px; }
body{font-family:Georgia,"Times New Roman",serif}.backbar,.nav,.eyebrow,.section-label,.button,.proof-row,.feature,.person,.footer-grid{font-family:Arial,Helvetica,sans-serif}
.brand{font-weight:400;font-size:20px}.nav-links .nav-cta,.button{border-radius:999px}
.hero-layout{min-height:calc(100vh - 118px)}h1{font-weight:400}.concept-stage{border:0;background:#ffcf3f;border-radius:50% 50% 8px 8px}
.chapter-stage{position:relative;height:100%;min-height:500px;overflow:hidden}
.chapter-no,.scroll-note{position:absolute;z-index:3;font:800 10px Arial;letter-spacing:.15em}.chapter-no{left:8%;top:8%}.scroll-note{right:7%;bottom:7%}
.sun{position:absolute;width:210px;height:210px;right:8%;top:12%;background:#e14b31;border-radius:50%}
.horizon{position:absolute;left:-10%;right:-10%;bottom:-2%;height:46%;background:#4d7b70;clip-path:polygon(0 38%,15% 14%,30% 42%,49% 0,66% 31%,80% 10%,100% 45%,100% 100%,0 100%)}
.chapter-stage strong{position:absolute;z-index:2;left:7%;bottom:13%;font:900 clamp(52px,7vw,90px)/.78 Arial;letter-spacing:-.07em}
.section h2,.quote,.cta-panel h2{font-weight:400}
.feature{border-radius:100px 100px 4px 4px;text-align:center}.feature small{margin-bottom:100px}
.about-mark{border-radius:140px 140px 4px 4px;text-align:center}
.showcase{background:#4d7b70;border-radius:280px 8px 8px 8px}.showcase-art{right:8%;top:14%;width:260px;height:260px;background:#ffcf3f;border-radius:50%;box-shadow:-170px 170px 0 #e14b31}
@media(min-width:900px){body.framework-23{overflow:hidden}.framework-23 main{display:grid;height:calc(100vh - 118px);grid-auto-flow:column;grid-auto-columns:100vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.framework-23 main>section{width:100vw;height:calc(100vh - 118px);overflow-y:auto;scroll-snap-align:start}.framework-23 .hero-layout{min-height:100%}.framework-23 .section{display:flex;align-items:center;padding-block:50px}.framework-23 .cta{display:flex;align-items:center;padding:30px}.framework-23 .site-footer{display:none}}