/* Trinity: photographic chapters, one observation instrument. */
:root{--ink:#203b2e;--green:#203b2e;--muted:#687367;--rule:#d4d9ce}
::selection{background:#d5e2c7;color:#203b2e}
.white-room .header{height:96px;border-bottom:0;left:5.5%;right:5.5%}
.header .brand img.original-wordmark{width:116px}
.header nav{font-size:12px;gap:34px}.header nav a{position:relative;padding:10px 0}
.header nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}
.header nav a:hover:after{width:100%}
.nav-cta{background:transparent;border:1px solid #aab6a4;border-radius:0;padding:10px 16px}
.white-cover.hero{padding:157px 5.5% 40px;min-height:max(800px,100svh)}
.white-cover .hero-copy{width:70%;min-height:calc(max(800px,100svh) - 197px);padding-top:0}
.white-cover h1{font-size:clamp(65px,7.2vw,110px);letter-spacing:-.068em;line-height:1.015;margin:34px 0 25px}
.white-cover .hero-lede{font-size:17px;line-height:1.65;color:#657062;margin-bottom:30px}
.eyebrow{font-size:9px;letter-spacing:1.6px}.asterisk{font-size:20px}
.button{border-radius:0;padding:15px 21px}.hero-actions{gap:28px}
.button span,.text-link span,.nav-cta span{transition:transform .2s}.button:hover span,.nav-cta:hover span{transform:translate(2px,-2px)}
.primary:hover{transform:none;background:#355440}
.hero-bottom{opacity:.75}.cover-colophon{opacity:.7;right:5.5%}
.photo-fold.statement{padding-top:110px;border-top:0}
.fold-heading{padding:0 8%;grid-template-columns:1.3fr 1fr;gap:8%;align-items:end}
.fold-heading h2{font-size:clamp(36px,3.5vw,58px);max-width:680px;letter-spacing:-.055em;margin-top:30px}
.fold-copy{padding-bottom:5px}.fold-copy p{font-size:15px;line-height:1.85;max-width:370px}
.fold-copy p:last-child{font-size:13px;color:#405d43;margin-bottom:0}
.fold-photograph{margin-top:35px}.fold-photograph>img{height:clamp(400px,47vw,660px);max-height:none;object-position:center 67%}
.fold-photograph figcaption{margin:0 8%;border-top:0;padding:26px 0 32px;font-size:8px}
.perspective{padding:104px 8% 110px;background:#e9ede3}
.perspective-heading{padding:0;margin-bottom:45px}.perspective-heading h2{font-size:clamp(42px,4.5vw,68px)}
.perspective-heading>p{max-width:300px;font-size:14px;line-height:1.85}
.observation-demo{grid-template-columns:1.1fr 1fr;border:0;background:#f7f8f2;box-shadow:0 20px 40px #1935240a}
.demo-visual{border:0;padding:25px 27px 21px;overflow:hidden}
.visual-caption,.visual-footer{font-size:7px;letter-spacing:1.1px}.visual-footer{padding-top:20px}
.loop{min-height:360px;flex:1}.loop .coordinates{stroke:#a8b89c;opacity:.7}.loop .routes{stroke:#6a8761;stroke-width:1.5}
.loop .cross-route{opacity:.25}.loop .waypoint{fill:#3e6844}
.loop .trinity-node>circle{fill:#d7e5c9;stroke:#88a277;stroke-width:1}
.loop .user-node>circle{fill:#e4e9db}.loop .agent-node>rect{fill:#e4e9db}
.loop text.core-text{font-size:26px;letter-spacing:-1.3px}
.demo-story{background:#203b2e;color:#f3f5e9;padding:30px 36px 24px}
.demo-tabs{border-color:#82947d66;gap:26px}.demo-tabs button{color:#a4b49b;font-size:11px;padding-bottom:16px}
.demo-tabs button[aria-pressed=true]{color:#f1f5e5}.demo-tabs button[aria-pressed=true]:after{background:#c0d79f}
.story-content{padding-top:36px}.story-content .eyebrow{color:#bed0a9}
.story-content h3{font-size:clamp(29px,3vw,42px);line-height:1.12;letter-spacing:-1.7px;margin-top:18px}
.story-content>p{color:#cad3bf;font-size:13px;line-height:1.85;max-width:365px}
.receipt{background:#2b4937;border:1px solid #78916a88;padding:20px 18px;margin-top:26px}
.receipt .tiny{color:#c8d8b4;font-size:7px;letter-spacing:1.1px}.receipt p{font-size:13px;line-height:1.65;color:#f0f3e6}.receipt-dot{background:#b7ce97}
.next-owner{padding:23px 0}.next-owner .tiny{color:#adbe9f}.next-owner p{color:#cad3bf;font-size:11px;line-height:1.7}
.demo-footnote{border-color:#82947d66;color:#b7c4a8;font-size:9px;line-height:1.7}
.observation-demo[data-state="change"] .agent-node>rect{fill:#e8d8b8;stroke:#a1854b;stroke-width:1}
.observation-demo[data-state="change"] .cross-route:last-child{opacity:1;stroke:#9b8149;stroke-dasharray:none}
.observation-demo[data-state="question"] .user-node>circle{fill:#cbdcbb;stroke:#789366;stroke-width:1}
.observation-demo[data-state="question"] .cross-route:first-child{opacity:1;stroke:#4b7448;stroke-dasharray:none}
.how-it-works{padding:110px 8%;border:0}.how-heading h2{font-size:clamp(38px,4vw,60px)}
.how-heading>.eyebrow{padding-top:8px}.how-steps{gap:44px;margin-top:62px}.how-steps li{padding-top:22px}
.step-top{display:flex;align-items:center;justify-content:space-between;height:62px}.step-top>.tiny{color:#7d8874}
.step-icon{width:56px;height:56px;display:grid;place-items:center;background:#e9ede2;color:#365238;border:1px solid #b7c5ab;box-shadow:3px 4px 0 #cbd5bf;transform:rotate(-5deg)}
.step-icon svg{width:39px;height:39px;transform:rotate(5deg)}
.how-steps h3{font-size:23px;letter-spacing:-1px;margin:30px 0 14px}.how-steps p{font-size:13px;line-height:1.85;max-width:310px}
.qualities{margin:0 8%;padding:54px 0 90px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.quality-grid{gap:52px;margin-top:36px}.glyph{font-size:28px;color:#6e865e}.quality-grid h3{font-size:23px;letter-spacing:-.8px;margin-top:25px}.quality-grid p{font-size:13px;line-height:1.85}
.connections{padding:110px 8%;gap:8%;grid-template-columns:1.2fr 1fr;align-items:center}.connections h2{font-size:clamp(38px,4vw,60px)}
.connections>div>p{font-size:14px;line-height:1.85}.agent-list>div{padding:24px 0;gap:18px;font-size:23px}
.agent-mark{width:45px;height:45px;border-radius:12px;box-shadow:2px 3px 0 #d2d9c8;font-size:29px;flex-shrink:0}
.agent-list>div>span:last-child{font-size:7px;letter-spacing:1px;border:1px solid #d7ddd0;padding:4px 7px;border-radius:20px}
.agent-list small{font-size:10px;margin-top:2px}.agent-list .connection-note{font-size:10px;color:#76826d;line-height:1.8}
.doorway-fold.quiet-scene{background:#f6f7f1;min-height:650px;grid-template-columns:1fr 1.15fr;padding-left:8%}
.doorway-copy h2{font-size:clamp(42px,4.5vw,68px);letter-spacing:-.06em}.doorway-copy>p{font-size:14px;line-height:1.85;max-width:290px}
.doorway-photograph img{mix-blend-mode:multiply;height:650px;object-position:80% center}
.questions{padding:90px 8%;background:#fafaf7;gap:8%;grid-template-columns:1fr 1.5fr}
summary{font-size:16px}details{padding:25px 0}details p{font-size:13px;line-height:1.85}
.access{margin:0 8%;padding:85px 0 100px;grid-template-columns:1.2fr 1fr;gap:8%}
.access h2{font-size:clamp(44px,4.7vw,70px)}.access-form>p{font-size:15px}.email-row input{font-size:24px;padding-bottom:19px}.email-row button{background:#e5ebdb;min-width:54px;height:54px;padding:0;margin:4px 0 8px;font-size:27px;border:1px solid #c0ccb2}
.email-row:focus-within{border-color:#203b2e}.consent{font-size:10px!important;line-height:1.8!important}
footer{margin:0 8%;padding:30px 0 40px;color:#677360}footer .brand img.original-wordmark{width:100px}
@media(min-width:1600px){.white-cover .hero-copy{width:65%}.white-cover.hero{padding-top:180px}.white-cover .hero-copy{min-height:calc(100svh - 220px)}}
@media(max-width:1000px){.white-cover h1{font-size:clamp(64px,7.4vw,80px)}.demo-story{padding:27px}.how-steps{gap:28px}.next-owner{display:block}.story-content h3{font-size:32px}.qualities{margin:0 6%}.connections,.perspective,.how-it-works,.questions{padding-left:6%;padding-right:6%}}
@media(max-width:700px){
.white-room .header{height:80px;left:7%;right:7%}.header .brand img.original-wordmark{width:108px}.nav-cta{font-size:9px;padding:7px 10px;gap:12px}
.white-cover.hero{padding:130px 7% 30px;min-height:830px}.white-cover .hero-copy{width:100%;min-height:0}.white-cover h1{font-size:clamp(44px,10.8vw,72px);letter-spacing:-.065em;line-height:1.06;margin:27px 0 22px}.white-cover .hero-lede{font-size:15px;line-height:1.75;max-width:330px;margin-bottom:28px}
.hero-actions{gap:22px}.hero-actions .primary{font-size:10px;padding:14px 16px;gap:18px}.hero-actions .text-link{font-size:10px;gap:12px}.white-cover .cover-photo{left:-63%;bottom:65px;width:163%;height:auto}.white-cover .hero-bottom{left:7%;bottom:35px}.hero-bottom .tiny{font-size:6px}
.photo-fold.statement{padding-top:65px}.fold-heading{padding:0 7%;gap:18px;grid-template-columns:1fr}.fold-heading h2{font-size:34px;line-height:1.15;margin-top:22px}.fold-copy p{font-size:13px;line-height:1.85}.fold-copy p:last-child{font-size:12px}.fold-photograph{margin-top:22px}.fold-photograph>img{height:320px;object-position:center 67%}.fold-photograph figcaption{margin:0 7%;font-size:6px;letter-spacing:.7px;padding:18px 0 26px}
.perspective{padding:65px 7%}.perspective-heading{margin-bottom:30px}.perspective-heading h2{font-size:42px}.perspective-heading>p{font-size:13px;line-height:1.8}.observation-demo{grid-template-columns:1fr}.demo-visual{padding:20px 15px 16px}.loop{min-height:0}.visual-caption,.visual-footer{font-size:6px;letter-spacing:.65px}.demo-story{padding:27px 24px}.story-content{padding-top:28px}.story-content h3{font-size:34px}.next-owner p{font-size:11px}.demo-footnote{font-size:9px}
.how-it-works{padding:65px 7%}.how-heading{display:block}.how-heading h2{font-size:38px;margin-top:24px}.how-steps{grid-template-columns:1fr;margin-top:35px;gap:28px}.how-steps li{padding-top:15px}.step-top{height:52px}.step-icon{width:45px;height:45px}.step-icon svg{width:32px;height:32px}.how-steps h3{margin:20px 0 10px;font-size:24px}.how-steps p{max-width:none;margin:0;font-size:13px}
.qualities{margin:0 7%;padding:45px 0 55px}.quality-grid{gap:30px}.quality-grid h3{margin:0 0 10px;font-size:23px}.quality-grid p{font-size:13px}.glyph{font-size:26px}
.connections{padding:65px 7%;grid-template-columns:1fr;gap:28px}.connections h2{font-size:38px}.connections>div>p{font-size:13px}.agent-list>div{font-size:22px;padding:20px 0;gap:14px}.agent-list>div>span:last-child{font-size:6px;padding:4px 6px;letter-spacing:.6px}.agent-mark{height:40px;width:40px}.agent-list small{font-size:9px}
.doorway-fold.quiet-scene{display:flex;min-height:0;padding:60px 0 0}.doorway-copy{padding:0 7%}.doorway-copy h2{font-size:43px}.doorway-copy>p{font-size:13px}.doorway-photograph img{height:410px;object-position:78% center}
.questions{padding:55px 7%;grid-template-columns:1fr;gap:25px}summary{font-size:14px}details{padding:22px 0}.access{margin:0 7%;padding:60px 0 65px;grid-template-columns:1fr;gap:25px}.access h2{font-size:43px}.access-form>p{font-size:14px}.email-row input{font-size:22px}.consent{font-size:10px!important}footer{margin:0 7%;font-size:10px;gap:15px}footer .brand img.original-wordmark{width:90px}footer .tiny{font-size:6px}
}
@media(prefers-reduced-motion:no-preference){
.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lede,.hero-actions{animation:arrive .7s both cubic-bezier(.2,.7,.2,1)}.hero-copy>h1{animation-delay:.06s}.hero-copy>.hero-lede{animation-delay:.12s}.hero-actions{animation-delay:.18s}
.observation-demo.reviewing .trinity-node>circle{animation:review-ring .8s ease-out}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes review-ring{0%{stroke-width:1}40%{stroke-width:5}100%{stroke-width:1}}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}