.passage{height:460svh;position:relative;background:#efede5;color:#22251e}.passage-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#efede5}.passage-atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse 48% 58% at 50% 53%,#fffef8 10%,#f3f1e9 62%,#d9d9d1 140%);transform:scale(var(--atmos-scale,1));will-change:transform}.passage-atmosphere:after{content:'';position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.passage-thread{position:absolute;z-index:2;left:50%;top:-20%;height:55%;width:1px;background:linear-gradient(transparent,#272922 55%,#272922);transform:translateX(-50%);opacity:var(--thread-opacity,1)}.passage-thread i{position:absolute;bottom:-7px;left:-6px;width:13px;height:13px;border:1px solid #272922;border-radius:50%;background:#efede5}.passage-platforms{position:absolute;inset:0;z-index:2;perspective:900px;transform:scale(var(--platform-scale,1));opacity:var(--platform-opacity,1);will-change:transform,opacity}.brand{position:absolute;left:var(--x);top:var(--y);width:clamp(54px,var(--size),156px);height:clamp(54px,var(--size),156px);display:grid;place-items:center;transform:translate(-50%,-50%) translateY(var(--drift,0px)) rotate(var(--angle,0deg)) scale(var(--brand-scale,1));opacity:var(--brand-opacity,.8);filter:drop-shadow(0 10px 13px #2528211d) drop-shadow(0 0 var(--glow,0px) #eaff68);will-change:transform,opacity;transition:filter .25s}.brand img{width:75%;height:75%;object-fit:contain;filter:grayscale(1) contrast(1.1)}.brand.is-lit img{filter:grayscale(1) contrast(1.3)}.brand.is-lit{--glow:23px}.brand.is-lit:after{content:'';position:absolute;inset:-6%;z-index:-1;border-radius:50%;background:#eaff68;filter:blur(32px);opacity:.52}.brand-meta{--x:10%;--y:35%;--size:9vw;--angle:-13deg}.brand-google{--x:30%;--y:16%;--size:7vw;--angle:9deg}.brand-linkedin{--x:76%;--y:19%;--size:7.8vw;--angle:-11deg}.brand-tiktok{--x:91%;--y:47%;--size:7.5vw;--angle:10deg}.brand-pinterest{--x:13%;--y:72%;--size:6.5vw;--angle:11deg}.brand-microsoft{--x:75%;--y:71%;--size:6vw;--angle:7deg}.brand-x{--x:53%;--y:12%;--size:5vw;--angle:-7deg}.brand-snapchat{--x:37%;--y:78%;--size:6.5vw;--angle:-10deg}.brand-chatgpt{--x:93%;--y:80%;--size:6.4vw;--angle:14deg}.passage-pulse{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:var(--pulse-opacity,0)}.passage-pulse span{position:absolute;left:50%;top:62%;border:1px solid #c8e64b;border-radius:50%;width:20vw;height:20vw;min-width:230px;min-height:230px;transform:translate(-50%,-50%) scale(var(--ring-scale,1));box-shadow:0 0 36px #eaff686b,inset 0 0 35px #eaff682b}.passage-pulse span:nth-child(2){--ring-scale:1.45;opacity:.55}.passage-pulse span:nth-child(3){--ring-scale:1.9;opacity:.27}.passage-copy{position:absolute;z-index:4;top:21%;left:50%;width:min(1050px,81vw);text-align:center;opacity:0;transform:translate(-50%,25px);pointer-events:none}.passage-copy>span,.handoff-label{font:500 13px Body,Arial,sans-serif;letter-spacing:.17em}.passage-copy h2,.passage-handoff h2{font:700 clamp(52px,6.6vw,106px)/.95 Display,'Arial Narrow',sans-serif;letter-spacing:-.022em;margin:23px 0 15px}.passage-copy h2 em,.passage-handoff h2 em{font:italic .82em Georgia,serif;letter-spacing:-.06em;white-space:nowrap;position:relative;z-index:1}.passage-copy h2 em:after,.passage-handoff h2 em:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:13px;background:#eaff68;z-index:-1;transform:skewY(-1deg)}.passage-copy p,.passage-handoff p{font:400 clamp(17px,1.45vw,22px)/1.45 Body,Arial,sans-serif;max-width:620px;margin:auto}.copy-select{top:19%}.passage-handoff{position:absolute;z-index:5;inset:0;padding:13vh 5% 7%;text-align:center;background:#22251f;color:#f5f3e9;opacity:0;visibility:hidden;pointer-events:none}.passage-handoff h2{font-size:clamp(48px,5.9vw,92px);margin:17px 0 9px}.passage-handoff p{font-size:18px}.crm-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:clamp(12px,2vw,40px);width:min(1220px,90vw);margin:clamp(42px,8vh,85px) auto 0;border-top:1px solid #f5f3e958;border-bottom:1px solid #f5f3e958;padding:clamp(35px,6vh,66px) 0}.crm{height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;opacity:.9}.crm img{width:54px;height:54px;object-fit:contain;filter:brightness(0) invert(1)}.crm strong{font:600 clamp(20px,2.2vw,31px) Body,Arial,sans-serif;letter-spacing:-.04em;white-space:nowrap}.crm-hubspot strong,.crm-salesforce strong{font-size:16px;letter-spacing:0}.crm-ghl strong{font:700 58px Display,Arial,sans-serif;letter-spacing:-.05em}.crm-ghl small{font:12px Body,Arial,sans-serif;letter-spacing:.07em}.crm-other{border-left:1px solid #f5f3e94d;color:#eaff68}.crm-other span{font-size:28px}.passage-foot{position:absolute;z-index:7;bottom:4%;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font:12px Body,Arial,sans-serif;letter-spacing:.12em}.passage-stage.is-dark .passage-foot{color:#f5f3e9}
@media(max-width:760px){.passage{height:400svh}.passage-copy{width:90vw;top:25%}.passage-copy>span,.handoff-label{font-size:10px}.passage-copy h2,.passage-handoff h2{font-size:clamp(42px,10vw,58px);margin:15px 0}.passage-copy h2 em,.passage-handoff h2 em{white-space:normal}.passage-copy p,.passage-handoff p{font-size:16px;max-width:310px}.brand{width:clamp(44px,var(--size),74px);height:clamp(44px,var(--size),74px)}.brand-meta{--x:9%;--y:29%;--size:18vw}.brand-google{--x:36%;--y:15%;--size:14vw}.brand-linkedin{--x:83%;--y:22%;--size:14vw}.brand-tiktok{--x:92%;--y:51%;--size:15vw}.brand-pinterest{--x:10%;--y:68%;--size:13vw}.brand-microsoft{--x:76%;--y:79%;--size:13vw}.brand-x{--x:63%;--y:10%;--size:11vw}.brand-snapchat{--x:32%;--y:83%;--size:12vw}.brand-chatgpt{--x:94%;--y:91%;--size:12vw}.passage-handoff{padding:16vh 5% 5%}.passage-handoff h2{font-size:clamp(43px,10.5vw,58px)}.crm-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:92vw;margin:7vh auto 0;padding:20px 0}.crm{height:83px;gap:7px}.crm img{width:32px;height:32px}.crm strong{font-size:16px}.crm-hubspot strong,.crm-salesforce strong{font-size:12px}.crm-ghl strong{font-size:34px}.crm-ghl small{font-size:9px}.crm-other{border-left:0}.crm-other span{font-size:18px}.passage-foot{font-size:9px;left:5%;right:5%;bottom:3%}}
@media(prefers-reduced-motion:reduce){.brand,.passage-platforms,.passage-atmosphere{will-change:auto}}
