/* The default document remains readable without JavaScript or animation. */
.webgeo-story{--design:1;--updates:0;--geo:0;--progress:0;background:#e9eee1;border-block:1px solid #d5deca;position:relative;margin-top:24px;color:var(--ink)}.story-stage{padding-top:44px;padding-bottom:30px}.story-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.story-overline{font-size:9px;letter-spacing:2px;color:#637459}.story-heading h2{font-size:23px;letter-spacing:-.7px;margin:10px 0 0}.story-skip{font-size:11px;white-space:nowrap;border-bottom:1px solid #a8b89b;padding:8px 0}.story-copy{padding:40px 0;border-bottom:1px solid #cdd8c0}.story-kicker{font-size:10px;letter-spacing:1.6px;color:#566d49;margin:0 0 20px}.story-copy h3{font-size:clamp(36px,4.5vw,64px);line-height:1.07;letter-spacing:-2.5px;font-weight:500;margin:0 0 24px}.story-copy h3 span{color:#6b835a}.story-description{font-size:15px;line-height:1.85;max-width:390px;color:#53664a;margin:0 0 28px}.story-link{display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #9caf8c;padding-bottom:10px;font-size:12px}.story-link>span{font-size:22px}.story-controls,.story-progress,.story-visual{display:none}
/* Enhancement is enabled only when the viewport has room for the stage. */
.webgeo-story.story-enhanced{height:330svh}.story-enhanced .story-stage{height:100svh;position:sticky;top:0;display:flex;flex-direction:column;padding-top:clamp(24px,5svh,48px);padding-bottom:24px;overflow:clip}.story-enhanced .story-body{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;flex:1;min-height:0;align-items:center}.story-enhanced .story-copy-stack{position:relative;align-self:stretch;min-width:0}.story-enhanced .story-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;border:0;padding:20px 0;opacity:var(--visibility,0);transform:translate3d(0,var(--shift,20px),0);pointer-events:none;will-change:transform,opacity}.story-enhanced .story-copy.is-current{pointer-events:auto}.story-enhanced .story-link{align-self:flex-start}.story-enhanced .story-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:10px}.story-controls button{padding:13px 0;display:flex;align-items:center;gap:10px;text-align:left;background:none;border:0;color:#718065;font-size:11px;line-height:1.4}.story-controls button>span{font-size:9px;letter-spacing:1px}.story-controls button[aria-pressed=true]{color:var(--ink);font-weight:650}.story-enhanced .story-progress{display:block;height:2px;background:#cbd7bf;width:100%;margin-top:6px;overflow:hidden}.story-progress>span{display:block;width:100%;height:100%;background:#597348;transform:scaleX(var(--progress));transform-origin:left}.story-enhanced .story-visual{display:block;position:relative;height:min(510px,64svh);min-width:0;isolation:isolate}.story-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#c7d7b7 0,transparent 65%);opacity:.6;transform:scale(calc(.85 + var(--geo)*.2));z-index:-1}.story-browser{position:absolute;width:90%;left:4%;top:12%;border:1px solid #c1cdb5;border-radius:12px;background:#f8f9f1;overflow:hidden;box-shadow:0 28px 65px #31462818;transform:translate3d(calc(var(--updates)*-10px),calc(var(--geo)*-25px),0) scale(calc(1 - var(--updates)*.09 - var(--geo)*.24)) rotate(calc(var(--design)*-3deg));will-change:transform;transform-origin:50% 45%}.story-browser-bar{display:flex;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #dde3d3;color:#96a18a;font-size:8px;letter-spacing:1px}.story-site-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 23px}.story-site-nav b{font-size:24px;letter-spacing:-1px}.story-site-nav b span{font-size:10px;vertical-align:top}.story-site-nav>span{font-size:6px;letter-spacing:1px}.story-site-body{position:relative;background:#e8eddf;padding:28px 23px;height:210px;overflow:hidden}.story-site-eyebrow{display:block;font-size:7px;letter-spacing:1.4px}.story-site-body>strong{display:block;font-family:Georgia,serif;font-size:36px;line-height:1.1;font-weight:400;margin-top:20px;position:relative;z-index:1}.story-site-line{display:block;width:56px;height:1px;background:#7c906b;margin-top:19px}.story-object{position:absolute;right:24px;bottom:-20px;width:130px;height:200px;border-radius:90px 90px 0 0;background:linear-gradient(115deg,#bcc7a8,#e2e6d4 45%,#95a781);box-shadow:10px 8px 25px #69765330;transform:translateY(calc(var(--updates)*-8px))}.story-object:before{content:'';position:absolute;inset:45px 34px 0;border-radius:60px 60px 0 0;background:linear-gradient(90deg,#9cae8a,#dae2cf);box-shadow:inset 9px 3px 12px #65795133}.story-object i{position:absolute;width:75px;height:75px;border-radius:50%;bottom:35px;left:-37px;background:radial-gradient(circle at 28% 24%,#c7d6af,#6d8358 72%);box-shadow:8px 14px 18px #4a5e3020}.story-site-bottom{display:flex;justify-content:space-between;padding:17px 23px;font-size:7px;color:#7c8b6f}.story-update-label{position:absolute;bottom:14px;right:14px;background:#c5e7ae;padding:9px 12px;border-radius:20px;font-size:9px;opacity:var(--updates);transform:translateY(calc(10px - var(--updates)*10px))}.story-message{position:absolute;right:0;bottom:8%;width:70%;max-width:340px;padding:18px;background:#fbfcf6;border:1px solid #d3deca;border-radius:16px;box-shadow:0 20px 60px #223b2e18;opacity:var(--updates);transform:translate3d(0,calc(35px - var(--updates)*35px),0) rotate(-2deg);will-change:opacity,transform}.story-message-head{display:flex;align-items:center;gap:10px;font-size:11px}.story-message-head>span:last-child{margin-left:auto;color:#829474}.story-message-head small{display:block;font-size:8px;color:#7d8e70;margin-top:3px}.story-message-icon{display:grid;place-items:center;width:30px;height:30px;background:#678756;color:white;border-radius:50%;font-size:18px}.story-message p{background:#e1edd6;font-size:11px;line-height:1.6;padding:13px;margin:17px 0 10px;border-radius:10px 0 10px 10px}.story-message p small{display:block;text-align:right;font-size:7px;color:#668568;margin-top:5px}.story-message-reply{font-size:9px;color:#658255}.story-orbit{position:absolute;inset:4% 0 7%;border:1px solid #b7c9a8;border-radius:50%;opacity:var(--geo);transform:scale(calc(.7 + var(--geo)*.3)) rotate(-25deg)}.orbit-b{inset:0 23%;transform:scale(calc(.7 + var(--geo)*.3)) rotate(35deg)}.story-geo-label{position:absolute;border:1px solid #bfceb1;background:#f3f6ec;border-radius:30px;padding:11px 15px;font-size:10px;opacity:var(--geo);transform:translateY(calc(16px - var(--geo)*16px));white-space:nowrap}.geo-label-a{left:4%;top:8%;color:#506b3e}.geo-label-b{right:0;top:30%}.geo-label-c{left:0;bottom:23%}.story-ai-card{position:absolute;left:19%;right:3%;bottom:11%;padding:21px 24px;border:1px solid #374e3d;border-radius:14px;background:#223b2e;color:#f3f6eb;box-shadow:0 20px 40px #223b2e18;opacity:var(--geo);transform:translate3d(0,calc(30px - var(--geo)*30px),0) scale(calc(.96 + var(--geo)*.04));will-change:transform,opacity}.story-ai-card>span{font-size:7px;letter-spacing:1.8px;color:#c5e7ae}.story-ai-card b{display:block;font-size:19px;font-weight:500;margin:10px 0}.story-ai-card>div{display:flex;gap:5px;margin:15px 0}.story-ai-card i{height:3px;background:#c5e7ae;width:28%;border-radius:3px}.story-ai-card i:nth-child(2){width:45%;opacity:.6}.story-ai-card i:nth-child(3){width:18%;opacity:.3}.story-ai-card small{font-size:9px;color:#c1d1b7}.story-demo-label{position:absolute;bottom:0;width:100%;text-align:center;font-size:8px;color:#718265}
@media(max-width:800px){.story-stage{padding-top:30px}.story-heading h2{font-size:18px}.story-overline{font-size:8px;letter-spacing:1.5px}.story-skip{font-size:10px}.story-enhanced .story-body{display:flex;flex-direction:column;gap:0;align-items:stretch}.story-enhanced .story-copy-stack{flex:0 0 225px}.story-enhanced .story-copy{padding:16px 0 0}.story-copy h3{font-size:clamp(32px,7.5vw,44px);letter-spacing:-1.4px;line-height:1.08;margin-bottom:12px}.story-kicker{font-size:8px;margin-bottom:10px}.story-description{font-size:12px;line-height:1.7;max-width:470px;margin-bottom:13px}.story-link{font-size:11px;padding-bottom:5px}.story-enhanced .story-visual{flex:1;min-height:200px;width:min(430px,100%);align-self:center;max-height:360px}.story-browser{width:77%;left:11%;top:4%;border-radius:8px}.story-browser-bar{padding:7px 10px;font-size:6px}.story-site-nav{padding:10px 14px}.story-site-nav b{font-size:19px}.story-site-nav>span{font-size:5px}.story-site-body{height:120px;padding:15px}.story-site-body>strong{font-size:25px;margin-top:12px}.story-site-eyebrow{font-size:5px}.story-site-line{margin-top:10px}.story-object{height:145px;width:92px;right:14px}.story-object:before{inset:32px 25px 0}.story-object i{width:50px;height:50px;left:-20px;bottom:25px}.story-site-bottom{padding:9px 14px;font-size:6px}.story-message{padding:12px;width:73%;bottom:8%;right:0;border-radius:12px}.story-message-head{font-size:9px}.story-message-icon{width:24px;height:24px;font-size:15px}.story-message p{font-size:9px;padding:9px;margin:9px 0 7px}.story-message-reply{font-size:8px}.story-update-label{font-size:7px;bottom:6px;padding:6px 8px}.story-ai-card{padding:14px 17px;left:17%;bottom:10%}.story-ai-card b{font-size:16px;margin:8px 0}.story-ai-card>div{margin:10px 0}.story-geo-label{font-size:8px;padding:8px 10px}.geo-label-c{bottom:26%}.story-enhanced .story-controls{gap:10px;padding-top:4px}.story-controls button{font-size:9px;gap:6px;padding:9px 0;align-items:flex-start}.story-controls button>span{font-size:8px;margin-top:1px}.story-enhanced .story-stage{padding-top:20px;padding-bottom:16px}.story-demo-label{font-size:7px}.story-copy{padding:30px 0}}
@media(max-width:380px){.story-enhanced .story-copy-stack{flex-basis:240px}.story-heading h2{font-size:16px}.story-skip{font-size:9px}.story-copy h3{font-size:31px}.story-description{font-size:11px}.story-controls button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.webgeo-story.story-enhanced{height:auto}.story-enhanced .story-stage{position:relative;height:auto}.story-enhanced .story-body{display:block}.story-enhanced .story-copy{position:relative;opacity:1;transform:none;pointer-events:auto}.story-enhanced .story-visual,.story-enhanced .story-controls,.story-enhanced .story-progress{display:none}}
