/* One evolving website: structure, character, and a useful next step. */
.build-story{--arrival:1}
.build-story{--scatter:1;--structure:1;--character:1;--contact:1;--story-progress:1;--phase-one:1;--phase-two:1;--phase-three:1;background:#ebe8f1;position:relative;border-top:1px solid #d6d0e0;isolation:isolate}
.build-story.is-scroll-story{height:265svh}.build-pin{position:relative}.is-scroll-story .build-pin{position:sticky;top:0;height:100svh}.build-inner{padding-block:48px;display:flex;flex-direction:column;height:100%;max-width:1340px}.build-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;flex-shrink:0}.build-heading .eyebrow{font-size:11px;letter-spacing:1.4px}.build-heading h2{font-size:42px;line-height:1.08;letter-spacing:-2px;margin-top:14px}.build-heading h2>span{color:#958bA9}.build-guidance{display:flex;flex-direction:column;align-items:end;gap:17px;padding-bottom:3px}.build-scroll-hint{font-size:10.5px;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:20px}.build-scroll-hint i{font-style:normal;font-size:20px;color:var(--accent)}.build-skip{font-size:11.5px;text-decoration:underline;text-underline-offset:5px;color:var(--muted);padding:6px 0}.build-skip:hover{color:var(--accent)}
.build-stage{display:grid;grid-template-columns:.72fr 1.5fr;gap:42px;align-items:center;flex:1;min-height:0;margin:26px 0}.build-copy{position:relative;z-index:3;padding:0 0 10px}.build-chapter{display:none}.build-chapter.is-active{display:block}.build-index{font-size:11px;letter-spacing:1.4px;color:var(--accent);display:block;margin-bottom:21px}.build-chapter h3{font-size:clamp(29px,2.75vw,41px);line-height:1.12;letter-spacing:-1.7px;margin-bottom:22px}.build-chapter p{font-size:14px;line-height:1.9;color:var(--muted);max-width:320px}.build-project-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid #ada1c2;padding-bottom:11px;margin-top:26px;font-size:12.5px}.build-project-link>span{font-size:20px;color:var(--accent)}.build-project-link:hover{color:var(--accent)}
.build-canvas{height:100%;min-height:360px;position:relative;perspective:1500px;container-type:inline-size;isolation:isolate}.build-grid{position:absolute;inset:2% -3%;background-image:linear-gradient(#b9aec32c 1px,transparent 1px),linear-gradient(90deg,#b9aec32c 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000a,transparent 73%);opacity:calc(1 - var(--character)*.8)}.build-cross{position:absolute;color:#a595bc;font-size:21px;font-weight:300;opacity:calc(1 - var(--character)*.8)}.build-cross-one{left:3%;top:11%}.build-cross-two{right:0;bottom:11%}.build-frame{width:89%;position:absolute;top:50%;left:4%;transform-style:preserve-3d;transform:translateY(-50%) rotateX(calc((1 - var(--character))*9deg)) rotateY(calc((1 - var(--character))*-14deg)) rotateZ(calc((1 - var(--character))*-3deg));border:1px solid #bab0cc;border-radius:7px;background:#f8f6fb;box-shadow:0 40px 70px -42px #4c365a7d,0 10px 20px -12px #38274666;z-index:1}.build-browser{height:28px;border-bottom:1px solid #d7d0e2;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8f849c;font-size:7px;letter-spacing:.2px}.build-browser>span:first-child{font-size:11px;letter-spacing:3px}.build-browser>span:last-child{font-size:15px}.build-page{position:relative;aspect-ratio:1.59;background:#f8f6fb;border-radius:0 0 7px 7px;container-type:inline-size}.build-piece{position:absolute;transform-style:preserve-3d;border:1px solid rgb(167 155 187 / calc(1 - var(--character)));background:#f0ecf5;box-shadow:0 calc((1 - var(--structure))*var(--scatter)*18px) calc((1 - var(--structure))*var(--scatter)*25px) -15px #3c214755}.build-nav{left:5%;top:5.5%;width:90%;height:9%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2%;border-style:dashed;background:#f8f6fb;transform:translate3d(calc((1 - var(--structure))*var(--scatter)*-15px),calc((1 - var(--structure))*var(--scatter)*-35px),calc((1 - var(--structure))*var(--scatter)*80px))}.build-brand{font-size:2.2cqw;letter-spacing:-.12cqw;font-weight:650;opacity:calc(.4 + var(--character)*.6)}.build-brand>span{color:var(--accent)}.build-nav-lines{display:flex;gap:9px;margin-left:auto;opacity:calc(1 - var(--character))}.build-nav-lines i{display:block;width:24px;height:3px;background:#c7bdd4}.build-nav-real{position:absolute;right:2%;top:39%;font-size:1.05cqw;opacity:var(--character);color:#766a85}
.build-hero-text{top:23%;left:5%;width:44%;height:44%;transform:translate3d(calc((1 - var(--structure))*var(--scatter)*-37px),calc((1 - var(--structure))*var(--scatter)*-4px),calc((1 - var(--structure))*var(--scatter)*120px));background:#f8f6fb}.build-skeleton{position:absolute;inset:8% 5%;opacity:calc(1 - var(--character))}.build-skeleton b{display:block;height:11%;width:93%;background:#cbc1d8;margin-bottom:7%}.build-skeleton b:nth-child(2){width:72%;margin-bottom:16%}.build-skeleton i{display:block;height:4%;width:83%;background:#d9d1e2;margin-bottom:5%}.build-skeleton i:last-child{width:52%}.build-real-copy{opacity:var(--character);position:absolute;inset:2% 0 0;transform:translateY(calc((1 - var(--character))*10px))}.build-real-copy>small{font-size:.83cqw;letter-spacing:.12cqw;display:block;margin-bottom:7%;color:#8a749f}.build-real-copy>strong{font-size:5.1cqw;line-height:1.03;letter-spacing:-.24cqw;font-weight:500;display:block;color:#28222e}.build-real-copy>strong em{font-family:Georgia,serif;font-style:italic;letter-spacing:-.18cqw;color:#6a47bc}.build-real-copy>p{font-size:1.03cqw;line-height:1.8;color:#7e738b;margin-top:7%;white-space:nowrap}.build-mini-button{display:flex;align-items:center;justify-content:space-between;width:65%;font-size:1cqw;margin-top:8%;padding:5% 7%;border:1px solid #c7b5dc;color:#664695;border-radius:2px}.build-mini-button>i{font-style:normal;font-size:1.8cqw}
.build-photo{left:54%;top:23%;width:41%;height:44%;transform:translate3d(calc((1 - var(--structure))*var(--scatter)*25px),calc((1 - var(--structure))*var(--scatter)*-18px),calc((1 - var(--structure))*var(--scatter)*55px));overflow:hidden}.build-image-wire{position:absolute;inset:0;background:#e8e2ee;display:grid;place-items:center;color:#a491b7}.build-image-wire svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b9abc880;stroke-width:.35}.build-image-wire>span{background:#e8e2ee;font-size:1cqw;letter-spacing:.2cqw;padding:5px;z-index:1}.build-photo>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% center;clip-path:inset(0 calc((1 - var(--character))*100%) 0 0);filter:grayscale(calc(1 - var(--character)));transform:scale(calc(1.12 - var(--character)*.12))}.build-wire-label{position:absolute;left:0;top:-16px;font-size:.85cqw;letter-spacing:.15cqw;white-space:nowrap;color:#8d7b9f;opacity:calc(1 - var(--character))}
.build-services{left:5%;top:78%;width:44%;height:14%;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:3% 0 0;background:#f8f6fb;transform:translate3d(calc((1 - var(--structure))*var(--scatter)*-23px),calc((1 - var(--structure))*var(--scatter)*30px),calc((1 - var(--structure))*var(--scatter)*65px))}.build-services>div{border-top:1px solid #d4cadd;position:relative;padding-top:6%}.build-services>div>i{position:absolute;top:15%;height:5px;width:80%;background:#cdc2db;opacity:calc(1 - var(--character))}.build-services>div>span{display:block;font-size:1.45cqw;letter-spacing:-.05cqw;font-weight:550;opacity:var(--character)}.build-services>div>small{font-size:.9cqw;display:block;color:#8b7c99;margin-top:4%;opacity:var(--character)}.build-contact{left:54%;top:78%;width:41%;height:14%;display:grid;place-items:center;transform:translate3d(calc((1 - var(--structure))*var(--scatter)*24px),calc((1 - var(--structure))*var(--scatter)*45px),calc((1 - var(--structure))*var(--scatter)*100px));background:color-mix(in srgb,#eee8f6 calc((1 - var(--contact))*100%),#6a47d4);border-color:rgb(167 155 187 / calc(1 - var(--contact)));border-radius:calc(var(--contact)*4px);box-shadow:0 calc(var(--contact)*10px) calc(var(--contact)*22px) -9px #7454b98c}.build-contact-wire{font-size:.8cqw;letter-spacing:.14cqw;color:#9783af;opacity:calc(1 - var(--contact))}.build-contact-real{position:absolute;inset:14% 7%;opacity:var(--contact);color:#fff;transform:translateY(calc((1 - var(--contact))*8px))}.build-contact-real>small{display:block;font-size:.55cqw;letter-spacing:.15cqw;color:#dfd3ff}.build-contact-real>strong{font-size:1.5cqw;letter-spacing:-.05cqw;font-weight:500;display:block;margin-top:3%}.build-contact-real>span{position:absolute;right:0;bottom:0;display:flex;gap:5px;font-size:.64cqw;align-items:center;color:#f0e7ff}.build-contact-real i{font-style:normal;font-size:1.3cqw}
.build-contact-path{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;opacity:calc(var(--contact)*.7);fill:none;stroke:#6947cb;stroke-width:1.3;z-index:3}.build-path-base{stroke-dasharray:2 6;opacity:.3}.build-path-run{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--contact))}.build-contact-path circle{fill:#fff;stroke-width:1.7;opacity:var(--contact)}
.build-tag{position:absolute;z-index:4;background:#fbfaff;border:1px solid #d5c8e3;box-shadow:0 13px 25px -14px #39214f4d;display:flex;align-items:center;gap:12px;border-radius:4px;padding:14px 17px;color:#685775;pointer-events:none}.build-tag>span{font-size:9px;line-height:1.5}.build-tag .build-tag-icon{font-size:25px;font-weight:300;color:#8b6daa}.build-tag-structure{left:-4%;bottom:11%;transform:translateY(calc(var(--character)*-12px)) rotate(-5deg);opacity:calc(1 - var(--character))}.build-tag-character{right:-1%;top:8%;transform:translateY(calc((1 - var(--character))*25px)) rotate(6deg);opacity:calc(var(--character)*(1 - var(--contact)));padding:17px 18px;gap:9px}.build-tag .build-type{font-size:31px;font-family:Georgia,serif;font-style:italic;letter-spacing:-2px;color:#614474;margin-right:4px}.build-tag-character>i{align-self:end;margin-bottom:3px;width:12px;height:12px;border-radius:50%;background:#6a47d4;border:1px solid #5835b5}.build-tag-character>i:nth-last-child(2){background:#ae8d6b;border-color:#92724f;margin-left:-5px}.build-tag-character>i:last-child{background:#f0e9de;border-color:#c7bbac;margin-left:-5px}.build-tag-goal{right:-1%;bottom:6%;opacity:var(--contact);transform:translateY(calc((1 - var(--contact))*35px)) rotate(-3deg);padding:17px 21px;border-color:#b5a0d2;background:#f3ebff}.build-tag-goal .build-tag-icon{width:35px;height:35px;display:grid;place-items:center;background:#7351bc;color:#fff;border-radius:50%;font-size:24px}.build-tag-goal>span:last-child{font-size:12px;color:#513878;letter-spacing:-.2px}.build-tag-goal small{display:block;font-size:6px;letter-spacing:1.5px;color:#8e76af;margin-bottom:4px}.build-demo-label{position:absolute;left:8%;bottom:1%;font-size:6px;letter-spacing:1px;color:#9788a6}
.build-bottom{display:flex;align-items:center;gap:60px;justify-content:space-between;flex-shrink:0}.build-chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:70%;max-width:820px}.build-chapters button{border:0;position:relative;text-align:left;padding:16px 0 0;display:flex;align-items:center;gap:14px;color:#665d76;min-height:42px;outline-offset:5px}.build-chapters button:before,.build-chapters button>i{content:'';position:absolute;inset:0 0 auto;height:2px;background:#d0c6dd}.build-chapters button>i{background:var(--accent);transform:scaleX(var(--phase-one));transform-origin:left}.build-chapters button:nth-child(2)>i{transform:scaleX(var(--phase-two))}.build-chapters button:nth-child(3)>i{transform:scaleX(var(--phase-three))}.build-chapters button[aria-pressed=true]{color:#493660}.build-chapters button:hover{color:var(--accent)}.build-chapters button>span{font-size:11.5px}.build-chapters button>b{font-size:14.5px;font-weight:500}.build-readout{font-size:9px;color:#685b7b;letter-spacing:1px;white-space:nowrap}.build-readout b{font-size:18px;font-weight:400;color:#69577c;letter-spacing:-.5px;margin-right:6px}
.build-story.is-static .build-pin{position:relative;height:auto}.build-story.is-static .build-stage{min-height:420px}.build-story.is-static .build-canvas{min-height:420px}.build-story.is-static .build-scroll-hint{font-size:10.5px}.build-story.is-static .build-scroll-hint i{display:none}.build-story.is-static .build-grid{opacity:.15}.build-story.is-static .build-frame{transform:translateY(-50%)}.build-story.is-static *{transition:none!important;animation:none!important}
@media(min-width:1550px){.build-stage{grid-template-columns:.7fr 1.5fr;gap:70px}.build-frame{width:88%;left:4%}.build-heading h2{font-size:48px}}
@media(max-width:1100px){.build-inner{padding-block:35px}.build-heading h2{font-size:38px}.build-stage{gap:30px;grid-template-columns:.75fr 1.3fr}.build-chapter h3{font-size:29px;letter-spacing:-1.2px}.build-chapter p{font-size:13px;line-height:1.8}.build-index{font-size:10.5px;margin-bottom:16px}.build-project-link{font-size:11.5px;gap:15px;margin-top:22px}.build-canvas{min-height:310px}.build-frame{width:92%;left:3%}.build-tag-character{right:-1%;top:7%;padding:12px;gap:8px}.build-tag .build-type{font-size:25px}.build-tag>span{font-size:8px}.build-tag-character>i{width:10px;height:10px}.build-tag-structure{left:-3%;bottom:9%;padding:11px 14px}.build-tag-goal{right:-1%;bottom:8%;padding:13px 16px}.build-tag-goal>span:last-child{font-size:10px}.build-tag-goal .build-tag-icon{width:29px;height:29px;font-size:20px}.build-scroll-hint{font-size:10.5px;gap:13px}.build-skip{font-size:11px}.build-bottom{gap:40px}.build-chapters{width:79%;gap:23px}.build-chapters button>b{font-size:14px}.build-chapters button>span{font-size:11px}.build-demo-label{font-size:5px}.build-story.is-static .build-stage,.build-story.is-static .build-canvas{min-height:340px}}
@media(max-width:800px){.build-inner{padding-block:30px}.build-heading h2{font-size:34px;letter-spacing:-1.5px}.build-heading .eyebrow{font-size:10.5px}.build-guidance{max-width:170px;gap:14px}.build-scroll-hint{font-size:10.5px;line-height:1.8;letter-spacing:.5px;text-align:right;gap:10px}.build-stage{grid-template-columns:.75fr 1.25fr;gap:15px;margin-block:24px}.build-chapter h3{font-size:25px;letter-spacing:-1px}.build-chapter p{font-size:12.5px;line-height:1.8}.build-copy{padding:0}.build-index{font-size:10.5px;letter-spacing:1px}.build-project-link{font-size:11px;gap:10px;margin-top:19px}.build-project-link>span{font-size:18px}.build-canvas{min-height:285px}.build-frame{width:98%;left:0}.build-browser{height:20px;font-size:5px;padding-inline:9px}.build-browser>span:first-child{font-size:9px;letter-spacing:2px}.build-browser>span:last-child{font-size:10px}.build-tag-character{top:0;right:0;padding:9px;gap:6px}.build-tag .build-type{font-size:21px}.build-tag>span{font-size:6px}.build-tag-character>i{width:7px;height:7px}.build-tag-character>i:nth-last-child(2),.build-tag-character>i:last-child{margin-left:-4px}.build-tag-structure{bottom:2%;left:0;padding:9px 11px;gap:8px}.build-tag .build-tag-icon{font-size:22px}.build-tag-goal{bottom:3%;right:0;padding:11px 12px;gap:9px}.build-tag-goal>span:last-child{font-size:9px}.build-tag-goal small{font-size:5px;letter-spacing:1px}.build-tag-goal .build-tag-icon{width:25px;height:25px;font-size:18px}.build-demo-label{bottom:-3%;left:3%;font-size:4px}.build-bottom{gap:25px}.build-chapters{width:83%;gap:16px}.build-chapters button{gap:10px;padding-top:13px;min-height:39px}.build-chapters button>b{font-size:13px}.build-chapters button>span{font-size:10.5px}.build-readout{font-size:7px}.build-readout b{font-size:16px;margin-right:3px}}
@media(max-width:600px){.build-story.is-scroll-story{height:255svh}.build-inner{padding-block:24px}.build-heading{align-items:center;gap:19px}.build-heading h2{font-size:29px;letter-spacing:-1.3px;margin-top:11px}.build-heading .eyebrow{font-size:10.5px;letter-spacing:1px}.build-guidance{max-width:105px;gap:9px;align-items:end}.build-scroll-hint{font-size:10.5px;letter-spacing:.5px;line-height:1.9}.build-scroll-hint i{font-size:19px}.build-skip{font-size:10.5px;line-height:1.8;text-align:right;text-underline-offset:3px}.build-stage{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:7px;margin:22px 0 17px;align-items:stretch}.build-copy{position:relative;min-height:145px;padding-right:20%}.build-index{font-size:10.5px;margin-bottom:12px}.build-chapter h3{font-size:26px;line-height:1.1;letter-spacing:-1.1px;margin-bottom:12px}.build-chapter h3 br{display:none}.build-chapter p{font-size:12.5px;line-height:1.8;max-width:310px}.build-project-link{position:absolute;right:0;top:16px;writing-mode:vertical-rl;font-size:10.5px;gap:11px;padding:0 0 0 8px;border-bottom:0;border-left:1px solid #b7a8c8;margin:0}.build-project-link>span{font-size:16px;rotate:90deg}.build-canvas{width:94%;justify-self:center;min-height:220px;max-height:365px}.build-frame{width:95%;left:2.5%}.build-browser{height:22px;font-size:5px}.build-browser>span:first-child{font-size:10px}.build-browser>span:last-child{font-size:11px}.build-tag-character{top:0;right:-2%;padding:11px 12px;gap:8px}.build-tag>span{font-size:7px}.build-tag .build-type{font-size:26px}.build-tag-character>i{width:9px;height:9px}.build-tag-structure{left:-4%;bottom:1%;padding:10px 12px}.build-tag-goal{right:-3%;bottom:0;padding:12px 14px}.build-tag-goal>span:last-child{font-size:10px}.build-tag-goal .build-tag-icon{width:28px;height:28px;font-size:19px}.build-tag-goal small{font-size:5px}.build-demo-label{font-size:4px;bottom:-4%;left:3%}.build-bottom{gap:14px}.build-chapters{width:100%;gap:18px}.build-chapters button{gap:8px;min-height:39px;padding-top:13px}.build-chapters button>b{font-size:12.5px}.build-chapters button>span{font-size:10.5px}.build-readout{display:none}.build-story.is-static .build-stage{display:flex;flex-direction:column;gap:10px;min-height:0}.build-story.is-static .build-canvas{height:285px;min-height:0;flex:none;width:94%;align-self:center}.build-story.is-static .build-copy{min-height:145px}.build-story.is-static .build-scroll-hint{font-size:10.5px}}
@media(max-width:365px){.build-inner{padding-block:21px}.build-heading h2{font-size:26px}.build-guidance{max-width:90px}.build-heading .eyebrow{font-size:10.5px}.build-scroll-hint{font-size:10.5px;gap:6px}.build-scroll-hint i{font-size:17px}.build-stage{margin-top:20px}.build-copy{min-height:156px;padding-right:13%}.build-chapter h3{font-size:24px}.build-chapter p{font-size:11.5px}.build-project-link{font-size:10.5px;padding-left:6px}.build-canvas{min-height:192px;width:96%}.build-tag-goal{right:-1%;padding:10px 12px}.build-tag-goal>span:last-child{font-size:9px}.build-tag-character{right:-1%}.build-story.is-static .build-canvas{height:255px}.build-chapters{gap:14px}.build-chapters button>b{font-size:11.5px}.build-chapters button>span{font-size:10.5px}}
@media(min-width:601px) and (max-height:760px){.is-scroll-story .build-inner{padding-block:25px}.is-scroll-story .build-heading h2{font-size:33px}.is-scroll-story .build-stage{margin-block:15px}.is-scroll-story .build-canvas{min-height:280px}.is-scroll-story .build-chapter h3{font-size:27px}.is-scroll-story .build-chapter p{font-size:13px}.is-scroll-story .build-tag-character{top:0}.is-scroll-story .build-tag-goal{bottom:0}}
@media(prefers-reduced-motion:reduce){.build-story *{animation:none!important;transition:none!important}}

.build-image-wire{opacity:calc(1 - var(--character))}
/* Keep the object inside its stage even in a wide, shallow viewport. */
.build-frame{left:50%;transform:translate(-50%,-50%) rotateX(calc((1 - var(--character))*9deg)) rotateY(calc((1 - var(--character))*-14deg)) rotateZ(calc((1 - var(--character))*-3deg))}
.build-story.is-static .build-frame{transform:translate(-50%,-50%)}
@media(max-width:600px){.build-canvas{align-self:center}.build-copy{padding-right:0;min-height:0}.build-project-link{position:static;writing-mode:horizontal-tb;border-left:0;border-bottom:1px solid #b7a8c8;padding:0 0 8px;margin-top:13px;font-size:11.5px;gap:18px}.build-project-link>span{rotate:0deg;font-size:17px}.build-chapters button{min-height:44px}.build-story.is-static .build-copy{min-height:0}}
@media(max-width:365px){.build-project-link{font-size:11px}.build-copy{padding-right:0}}
@media(max-width:600px){.build-heading{display:block}.build-guidance{max-width:none;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:0}.build-scroll-hint{font-size:10.5px;line-height:1.6;text-align:left;gap:10px}.build-skip{font-size:10.5px;white-space:nowrap}.build-tag-goal{padding:8px 11px;gap:8px;bottom:-2%;right:-2%}.build-tag-goal>span:last-child{font-size:9px}.build-tag-goal .build-tag-icon{width:23px;height:23px;font-size:17px}.build-tag-goal small{font-size:4.5px;margin-bottom:2px}.build-tag-character{top:0}}
@media(max-width:365px){.build-scroll-hint{font-size:10.5px;letter-spacing:.3px;gap:6px}.build-skip{font-size:10.5px}.build-heading h2{font-size:26px}}
@media(max-width:600px){.build-tag-goal{top:0;bottom:auto;right:-2%}}

/* Measure the available height once layout is resolved, avoiding cyclic cqh sizing. */
.build-canvas{container-type:inline-size}.build-frame{max-width:min(100%,var(--build-frame-limit,700px))}

@media(max-width:600px){.build-story{--scatter:.35}}
@media(min-width:601px) and (max-height:760px){.build-story{--scatter:.5}}

/* The final chapter follows the visible route from interest to contact. */
.build-story{background:radial-gradient(ellipse at 76% 56%,#f7f4fb 0,transparent 55%),#ebe8f1}
.build-heading h2{font-size:clamp(32px,3.1vw,46px);line-height:1.13;letter-spacing:-1.8px}.build-heading h2>span{color:#9b8cae}
.build-chapter.is-active{animation:chapter-in .4s ease both}.build-chapter h3{font-size:clamp(28px,2.6vw,39px)}
.build-contact-path .build-visitor{opacity:var(--contact);stroke:#fff;stroke-width:1.6;fill:#4d328f;paint-order:stroke fill;filter:drop-shadow(1px 3px 2px #3b235b35)}
.build-contact-path .build-arrival{fill:none;stroke:#a892d6;stroke-width:1;opacity:var(--arrival);r:calc(9px + var(--arrival)*10px)}
.build-tag-goal{border-radius:7px;box-shadow:0 14px 38px -18px #5c3b9475;padding:17px 22px;background:#f9f6ff;border-color:#c0addd}
.build-tag-goal>span:last-child{font-size:14px;line-height:1.4;letter-spacing:-.3px}.build-tag-goal small{font-size:6px;margin-bottom:6px}.build-tag-goal .build-tag-icon{background:#6947ce;width:40px;height:40px;font-size:27px}
.build-contact{outline:calc(var(--arrival)*5px) solid rgb(137 98 219 / calc(var(--arrival)*.12));outline-offset:3px}
@keyframes chapter-in{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.build-heading h2{font-size:35px}.build-chapter h3{font-size:28px}.build-tag-goal{padding:13px 16px}.build-tag-goal>span:last-child{font-size:11px}.build-tag-goal .build-tag-icon{width:31px;height:31px;font-size:22px}}
@media(max-width:800px){.build-heading h2{font-size:30px;letter-spacing:-1.5px}.build-chapter h3{font-size:24px}.build-tag-goal{padding:10px 12px}.build-tag-goal>span:last-child{font-size:9px}.build-tag-goal small{font-size:4.5px;margin-bottom:4px}.build-tag-goal .build-tag-icon{width:27px;height:27px;font-size:19px}}
@media(max-width:600px){.build-heading h2{font-size:29px;letter-spacing:-1.35px}.build-chapter h3{font-size:26px}.build-tag-goal{padding:9px 11px;top:-2%;right:-2%}.build-tag-goal>span:last-child{font-size:9px}.build-tag-goal .build-tag-icon{width:25px;height:25px;font-size:18px}.build-tag-goal small{font-size:4px}.build-tag-goal br{display:none}}
@media(max-width:365px){.build-heading h2{font-size:25px;letter-spacing:-1.2px}.build-chapter h3{font-size:23px}.build-tag-goal>span:last-child{font-size:8px}}
@media(min-width:601px) and (max-height:760px){.is-scroll-story .build-heading h2{font-size:32px}.is-scroll-story .build-chapter h3{font-size:27px}.is-scroll-story .build-tag-goal{padding:11px 15px}.is-scroll-story .build-tag-goal>span:last-child{font-size:11px}}
body.motion-reduced .build-chapter{animation:none}

/* Show the service behind the examples: a website taking shape in the studio. */
.build-story{background:#eeebf3}.build-heading h2{font-size:48px;letter-spacing:-2.5px;line-height:1.08}.build-heading h2>span{color:#7f7192}.build-guidance{max-width:335px;gap:15px;align-items:start}.build-guidance>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:320px;margin-bottom:3px}.build-scroll-hint{font-size:10.5px;gap:15px}.build-skip{font-size:11px}.build-canvas:before{content:'';position:absolute;inset:6% 0;background:radial-gradient(ellipse,#fff9,transparent 70%);border:1px solid #dcd5e540;border-radius:50%;transform:none;z-index:-1}.build-chapter h3{font-size:clamp(27px,2.5vw,37px)}.build-tag-goal{border-color:#bca9d6}.build-tag-goal>span:last-child{font-size:13px}
@media(max-width:1100px){.build-heading h2{font-size:42px}.build-guidance{max-width:260px;gap:12px}.build-guidance>p{font-size:13px}.build-chapter h3{font-size:28px}.build-tag-goal>span:last-child{font-size:11px}}
@media(max-width:800px){.build-heading h2{font-size:37px;letter-spacing:-1.9px}.build-guidance{max-width:240px}.build-guidance>p{font-size:12.5px}.build-chapter h3{font-size:24px}.build-tag-goal>span:last-child{font-size:9px}}
@media(max-width:600px){.build-heading h2{font-size:33px;letter-spacing:-1.6px}.build-guidance{max-width:none;gap:14px}.build-guidance>p{display:none}.build-scroll-hint{font-size:10.5px;gap:10px}.build-skip{font-size:10.5px}.build-chapter h3{font-size:26px}.build-canvas:before{inset:5% -4%}.build-tag-goal>span:last-child{font-size:9px}}
@media(max-width:365px){.build-heading h2{font-size:29px;letter-spacing:-1.4px}.build-chapter h3{font-size:23px}.build-scroll-hint{font-size:10.5px}.build-skip{font-size:10.5px}.build-tag-goal>span:last-child{font-size:8px}}
@media(min-width:601px) and (max-height:760px){.is-scroll-story .build-heading h2{font-size:34px}.is-scroll-story .build-guidance>p{font-size:12.5px}.is-scroll-story .build-guidance{gap:10px}.is-scroll-story .build-chapter h3{font-size:27px}}
@media(max-width:600px){.build-demo-label{bottom:0;left:5%}.build-canvas:before{inset:5% 0;transform:none}}