.story-hero{max-width:1440px;margin:auto;padding:100px 7vw 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center}.story-intro h1{font-size:clamp(48px,5.8vw,84px);line-height:1.05;letter-spacing:-.06em;margin:24px 0}.story-intro h1 em{font-style:normal;color:#628542}.story-intro>p:not(.kicker){max-width:490px;font-size:19px;line-height:1.8;color:var(--muted)}.story-intro .tracker-text-link{margin-top:22px}.story-art{height:460px;position:relative;display:grid;place-items:center}.story-ring{position:absolute;inset:5% -3%;border:1px solid #83a55344;border-radius:50%;transform:rotate(-25deg);background:radial-gradient(ellipse,#91b05f28,transparent 65%)}.story-ring:after{content:"";position:absolute;inset:-25px 35px;border:1px solid #83a55333;border-radius:50%;transform:rotate(55deg)}.story-app{width:220px;transform:rotate(8deg);display:grid;gap:24px;text-align:center;margin-top:-55px}.story-app img{width:100%;height:auto;border-radius:48px;box-shadow:0 25px 60px #00150933}.story-app>span{font-size:9px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.story-memo{position:absolute;bottom:10px;left:-5px;width:320px;padding:28px;background:#e6ecbc;color:#283b23;box-shadow:0 18px 40px #0015091a;transform:rotate(-7deg);border-radius:2px 18px 18px 2px;border-left:5px solid #b0c07b}.story-memo>span:first-child{font-size:9px;letter-spacing:.16em;font-weight:800}.story-memo p{font:italic 25px/1.5 Georgia,serif;margin:16px 0 0}.story-memo-mark{position:absolute;right:20px;top:16px;font-size:30px}.story-ribbon{display:flex;justify-content:center;gap:8vw;padding:27px 24px;border-block:1px solid var(--line);font-size:13px;font-weight:600;color:var(--muted)}.story-ribbon span:before{content:'✦';color:#83a553;margin-right:12px}.story-origin,.story-principles{max-width:1440px;margin:auto;padding:100px 7vw;display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.story-origin h2,.story-principles h2,.story-invite h2{font-size:clamp(36px,4vw,56px);line-height:1.13}.story-prose>p{font-size:18px;line-height:1.9;color:var(--muted);margin:0 0 24px}.story-prose .story-signoff{display:flex;align-items:center;gap:14px;font-size:12px;margin-top:34px;color:var(--ink)}.story-signoff img{border-radius:10px}.story-belief{background:#173e2d;color:#f5f4e8;padding:80px 24px;text-align:center}.story-belief .kicker{color:#c8f06a!important}.story-belief blockquote{font:600 clamp(30px,4.2vw,60px)/1.25 Manrope,sans-serif;letter-spacing:-.04em;margin:28px auto;max-width:950px}.story-belief em{font-style:normal;color:#c8f06a}.story-belief>p:last-child{color:#b5c9b9;font-size:15px;line-height:1.8}.story-principles-intro>p:not(.kicker){color:var(--muted);font-size:17px;line-height:1.8;max-width:340px}.story-principle-list article{display:grid;grid-template-columns:38px 1fr;gap:18px;padding:30px 0;border-top:1px solid var(--line)}.story-principle-list article:first-child{padding-top:0;border-top:0}.story-principle-list article>span{font-size:11px;font-weight:800;color:#789a50;padding-top:8px}.story-principle-list h3{font:700 25px/1.3 Manrope,sans-serif;letter-spacing:-.035em;margin:0 0 12px}.story-principle-list p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.story-invite{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:9%;padding:65px 7vw;background:var(--tracker-soft)}.story-invite>div>p:not(.kicker){color:var(--muted);font-size:16px;line-height:1.8;max-width:600px}.story-invite-actions{display:flex;align-items:flex-start;flex-direction:column;gap:24px}.story-invite-actions small{font-size:11px;line-height:1.6;color:var(--muted)}html[data-theme="dark"] .story-intro h1 em{color:#c8f06a}
@media(max-width:1000px){.story-hero{padding:70px 5vw;gap:3%}.story-app{width:180px}.story-art{height:420px}.story-memo{width:280px;padding:24px}.story-memo p{font-size:23px}.story-origin,.story-principles{gap:6%;padding:75px 5vw}}
@media(max-width:760px){.story-hero{grid-template-columns:1fr;padding:48px 24px}.story-intro h1{font-size:clamp(43px,8.4vw,62px)}.story-intro>p:not(.kicker){font-size:17px}.story-art{max-width:420px;width:100%;margin:30px auto 0;height:400px}.story-memo{left:8px;bottom:0;max-width:calc(100% - 16px)}.story-ring{inset:5% 5%}.story-ribbon{gap:12px;flex-direction:column;align-items:center;font-size:12px}.story-origin,.story-principles,.story-invite{grid-template-columns:1fr;padding:60px 24px;gap:30px}.story-prose>p{font-size:16px}.story-belief{padding:60px 22px}.story-belief blockquote{font-size:clamp(27px,6.5vw,42px)}.story-principles-intro>p:not(.kicker){max-width:none}.story-invite-actions{gap:22px}.story-principle-list h3{font-size:23px}}