@font-face{font-family:ppNeueMontrealBook;src:url(../media/ppneuemontreal_book-s.p.0rvq~2w6hjab1.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:ppNeueMontrealBook;src:url(../media/ppneuemontreal_book-s.p.0cb0_-l2i81~f.woff)format("woff");font-display:swap;font-weight:400}@font-face{font-family:ppNeueMontrealBook Fallback;src:local(Arial);ascent-override:101.42%;descent-override:25.62%;line-gap-override:0.0%;size-adjust:94.46%}.ppneuemontrealbook_eb2c45e5-module__7oplZG__className{font-family:ppNeueMontrealBook,ppNeueMontrealBook Fallback}.ppneuemontrealbook_eb2c45e5-module__7oplZG__variable{--font-body:"ppNeueMontrealBook", "ppNeueMontrealBook Fallback"}
@font-face{font-family:ppNeueMontrealMedium;src:url(../media/ppneuemontreal_medium-s.p.108-s809w5y3g.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:ppNeueMontrealMedium;src:url(../media/ppneuemontreal_medium-s.p.0.34mi-8kecv5.woff)format("woff");font-display:swap;font-weight:500}@font-face{font-family:ppNeueMontrealMedium Fallback;src:local(Arial);ascent-override:98.07%;descent-override:24.77%;line-gap-override:0.0%;size-adjust:97.68%}.ppneuemontrealmedium_f3e19a53-module__tsHDpa__className{font-family:ppNeueMontrealMedium,ppNeueMontrealMedium Fallback}.ppneuemontrealmedium_f3e19a53-module__tsHDpa__variable{--font-heading:"ppNeueMontrealMedium", "ppNeueMontrealMedium Fallback"}
@font-face{font-family:ppNeueMontrealMono;src:url(../media/pp_neue_montreal_mono-s.p.0d49uvy1op02l.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:ppNeueMontrealMono;src:url(../media/pp_neue_montreal_mono-s.p.0v~cfh275bbt5.woff)format("woff");font-display:swap;font-weight:400}@font-face{font-family:ppNeueMontrealMono Fallback;src:local(Arial);ascent-override:72.86%;descent-override:18.4%;line-gap-override:0.0%;size-adjust:131.49%}.ppneuemontrealmono_995292bf-module__Lo5Qfq__className{font-family:ppNeueMontrealMono,ppNeueMontrealMono Fallback}.ppneuemontrealmono_995292bf-module__Lo5Qfq__variable{--font-mono:"ppNeueMontrealMono", "ppNeueMontrealMono Fallback"}
.demo-shell{background:#181818;border:1px solid #222;border-radius:8px;width:100%;min-width:0;overflow:hidden}.demo-shell__bar{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 14px;font-size:10px;display:flex}@media (min-width:480px){.demo-shell__bar{padding:14px 20px;font-size:11px}}.demo-shell__bar--footer{border-top:1px solid #ffffff1a;border-bottom:none}.demo-shell__bar-cluster{flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0;display:flex}.demo-shell__bar-cluster--end{justify-content:flex-end}.demo-shell__bar-divider{color:#ffffff59}.demo-shell__live{color:#fff;align-items:center;gap:7px;display:inline-flex}.demo-shell__live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:2s ease-out infinite demo-shell-pulse;display:inline-block;box-shadow:0 0 8px #ffffff80}@keyframes demo-shell-pulse{0%,to{opacity:1}50%{opacity:.45}}.demo-shell__stage-outer{background-color:#111;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;width:100%;min-width:0;transition:max-width .45s cubic-bezier(.16,1,.3,1),margin .45s cubic-bezier(.16,1,.3,1),border-radius .45s cubic-bezier(.16,1,.3,1);position:relative}.demo-shell__stage-outer--device{box-sizing:border-box;border:1px solid #222;border-radius:24px;max-width:min(100%,360px);margin:12px auto}@media (min-width:480px){.demo-shell__stage-outer--device{border-radius:28px;margin:20px auto}}.demo-shell__stage{width:100%;position:relative;overflow:hidden}.demo-shell__stage--wide{aspect-ratio:16/10}.demo-shell__stage--device{aspect-ratio:9/16;border-radius:23px}@media (min-width:480px){.demo-shell__stage--device{border-radius:27px}}@media (max-width:479px){.demo-shell__bar-cluster--engine{justify-content:space-between;width:100%}}
.cursor-trail-demo{box-sizing:border-box;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.cursor-trail-demo--embedded{border-radius:12px;flex:1;align-self:stretch;width:100%;height:auto;min-height:0;margin:clamp(16px,2vh,24px) 0;position:relative;inset:auto}.cursor-trail-demo__layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cursor-trail-demo__particle{pointer-events:none;will-change:transform, opacity;margin:0;display:block;position:absolute;transform:translate(-50%,-50%)}.cursor-trail-demo__img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.cursor-trail-demo__hint{letter-spacing:.12em;text-transform:uppercase;color:#ffffff61;pointer-events:none;margin:0;font-family:PP Neue Montreal Mono,ui-monospace,monospace;font-size:10px;transition:opacity .35s;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cursor-trail-demo:hover .cursor-trail-demo__hint,.cursor-trail-demo:focus-within .cursor-trail-demo__hint{opacity:0}.cursor-trail-demo__legend{opacity:.14;pointer-events:none;align-items:center;gap:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-trail-demo__legend-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:52px;height:52px;display:block}@media (prefers-reduced-motion:reduce){.cursor-trail-demo{cursor:default}.cursor-trail-demo__legend{opacity:.35}}
.hpv-demo{--hpv-white:#ffffffeb;--hpv-muted:#ffffff94;--hpv-border:#ffffff1f;--hpv-surface:#00000038;box-sizing:border-box;font-family:var(--font-body), system-ui, -apple-system, Segoe UI, Roboto, sans-serif;color:var(--hpv-white);padding:clamp(12px,2.5vw,20px);position:absolute;inset:0;overflow:hidden}.hpv-demo--embedded{width:100%;min-height:clamp(180px,24vh,220px);position:relative;inset:auto}.hpv-demo__stage{--hpv-img-w:min(360px, 36vw);--hpv-cta-slot:clamp(5.5rem, 9vw, 7.25rem);--hpv-img-cta-gap:clamp(12px, 1.8vw, 20px);box-sizing:border-box;align-items:center;width:min(1100px,100%);height:100%;margin:0 auto;display:flex;position:relative}.hpv-demo__list{z-index:2;width:100%;margin:0;padding:0;list-style:none;position:relative}.hpv-demo__item{border-bottom:1px solid var(--hpv-border)}.hpv-demo__item:first-child{border-top:1px solid var(--hpv-border)}.hpv-demo__row{grid-template-columns:1fr var(--hpv-cta-slot);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:none;align-items:center;padding:clamp(18px,2.2vw,24px) 0;transition:background .2s;display:grid}.hpv-demo__row:hover,.hpv-demo__row:focus-visible{background:#ffffff08}.hpv-demo__row:focus-visible{outline-offset:2px;outline:2px solid #ffffff59}.hpv-demo__title{letter-spacing:-.02em;color:#ffffffe0;min-width:0;max-width:min(80ch,100%);padding-left:clamp(4px,1vw,12px);padding-right:calc(var(--hpv-img-w) + var(--hpv-img-cta-gap) + clamp(80px, 10vw, 140px));box-sizing:border-box;grid-area:1/1;font-size:clamp(1rem,1.3vw,1.125rem);font-weight:500}.hpv-demo__cta{color:#ffffff47;white-space:nowrap;text-align:right;grid-area:1/2;justify-self:end;width:100%;font-size:.8125rem;font-weight:500;transition:color .25s}.hpv-demo__row[data-active=true] .hpv-demo__cta{color:#ffffffeb}.hpv-demo__media-shell{z-index:1;top:0;right:calc(var(--hpv-cta-slot) + var(--hpv-img-cta-gap));width:var(--hpv-img-w);pointer-events:none;will-change:opacity, visibility;position:absolute}.hpv-demo__media-move{will-change:transform}.hpv-demo__mask{aspect-ratio:4/3;background:#111111a6;width:100%;max-height:min(360px,44svh);overflow:hidden;box-shadow:0 28px 72px #00000073,inset 0 0 0 1px #ffffff14}.hpv-demo__strip{will-change:transform;flex-direction:column;display:flex}.hpv-demo__slot{flex-shrink:0;width:100%;overflow:hidden}.hpv-demo__img{object-fit:cover;width:100%;height:100%;display:block}.hpv-demo__medias-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}@media (max-width:720px){.hpv-demo__stage{--hpv-img-w:min(300px, 86vw);--hpv-cta-slot:auto;--hpv-img-cta-gap:12px}.hpv-demo__row{grid-template-columns:1fr;gap:10px}.hpv-demo__title{padding-right:0}.hpv-demo__cta{text-align:left;grid-column:1;justify-self:start;width:auto}.hpv-demo__media-shell{inset:auto auto 12px 50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hpv-demo__row,.hpv-demo__cta{transition:none}}
.mag-wrap--embedded{flex:1;width:100%;height:auto;min-height:140px;margin:clamp(16px,2vh,24px) 0}.mag-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mag-btn-motion{will-change:transform}.mag-btn{color:#fff;min-width:210px;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;padding:18px 36px;font-size:14px;font-weight:500;transition:border-radius .55s cubic-bezier(.22,1,.36,1),background-color .45s,color .4s,border-color .45s,box-shadow .45s;display:inline-flex;position:relative}.mag-wrap--hover .mag-btn{color:#000;background-color:#feb800;border-color:#feb800;border-radius:9999px;box-shadow:0 10px 36px #feb80047}.mag-btn-scale{transition:transform .55s cubic-bezier(.22,1,.36,1)}.mag-wrap--hover .mag-btn-scale{transform:scale(1.02)}.mag-btn__text{z-index:1;will-change:transform;place-items:center;min-height:1.2em;display:grid;position:relative}.mag-btn__label{grid-area:1/1;transition:opacity .22s,transform .22s}.mag-btn__label--hover{text-transform:lowercase;letter-spacing:.04em}.mag-btn__label--hidden{opacity:0;pointer-events:none;transform:translateY(4px)}.mag-btn__label:not(.mag-btn__label--hidden){opacity:1;transform:translateY(0)}.mag-confetti{z-index:9999;pointer-events:none;will-change:transform, opacity;margin:0;position:fixed}@media (prefers-reduced-motion:reduce){.mag-btn,.mag-btn__label,.mag-btn-scale{transition:none}}
.particle-text-demo{touch-action:none;width:100%;position:relative;overflow:hidden}.particle-text-demo--embedded{border-radius:12px;flex:1;align-self:stretch;min-height:clamp(180px,24vh,220px);margin:clamp(16px,2vh,24px) 0}.particle-text-demo__canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}
.sms-demo__viewport{--sms-phrase:clamp(1.5rem, 5.5vw, 3.25rem);box-sizing:border-box;-webkit-overflow-scrolling:touch;height:100%;color:inherit;scrollbar-width:none;background:0 0;overflow:hidden auto}.sms-demo__viewport::-webkit-scrollbar{width:0;height:0}.sms-demo__pin{position:relative}.sms-demo__container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100%;padding:clamp(.75rem,3vw,1.5rem);display:flex}.sms-demo__viewport-inner{width:100%;max-width:96rem;min-height:calc(var(--sms-phrase,clamp(1.5rem, 5.5vw, 3.25rem)) * 1.45 + clamp(.85rem, 3vw, 1.75rem) * 2);margin-inline:auto;padding-block:clamp(.85rem,3vw,1.75rem);padding-inline:clamp(1rem,4vw,2.75rem);position:relative;overflow:hidden}.sms-demo__center{width:100%;min-height:calc(var(--sms-phrase,clamp(1.5rem, 5.5vw, 3.25rem)) * 1.35);justify-content:center;align-items:center;display:flex;position:relative}.sms-demo__sentence{text-align:center;width:100%;font-family:var(--font-heading), var(--font-body), system-ui, sans-serif;font-size:var(--sms-phrase);letter-spacing:-.03em;white-space:nowrap;margin:0;padding:0;font-weight:500;line-height:1.22;position:absolute;top:50%;left:50%;translate:-50% -50%}.sms-demo__char{will-change:transform;display:inline-block}@media (max-width:900px){.sms-demo__sentence{white-space:nowrap;max-width:none}}@media (prefers-reduced-motion:reduce){.sms-demo__char{will-change:auto}}.sms-demo--reduced.sms-demo__pin{min-height:auto!important}.sms-demo--reduced .sms-demo__container{min-height:auto;padding-block:clamp(2rem,6vw,4rem)}.sms-demo--reduced .sms-demo__viewport-inner{min-height:auto;overflow:visible}.sms-demo--reduced .sms-demo__center{flex-direction:column;align-items:stretch;gap:.75rem;min-height:auto}.sms-demo--reduced .sms-demo__sentence{white-space:normal;text-align:left;margin-bottom:.75rem;position:relative;top:auto;left:auto;translate:none}
.featured-scroll-demo{--demo-surface:#1b1b1b;--demo-muted:#d0d2cc;--demo-white:#fff;--demo-accent:#feb800;box-sizing:border-box;min-height:0;font-family:var(--font-body), system-ui, sans-serif;flex-direction:column;gap:10px;padding:clamp(12px,2.5vw,20px);display:flex;position:absolute;inset:0}.featured-scroll-demo--embedded{flex:1;width:100%;height:auto;min-height:clamp(180px,24vh,220px);margin:clamp(16px,2vh,24px) 0;position:relative;inset:auto}.featured-scroll-demo--embedded .featured-scroll-demo__viewport{flex:none;height:clamp(148px,22vh,190px)}.featured-scroll-demo__filters{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.featured-scroll-demo__hud{align-items:center;gap:10px;padding:0 2px;display:flex}.featured-scroll-demo__hud-label{letter-spacing:.12em;text-transform:uppercase;color:var(--demo-muted);flex-shrink:0;font-size:10px}.featured-scroll-demo__track{background:var(--demo-surface);border-radius:999px;flex:1;height:3px;overflow:hidden}.featured-scroll-demo__progress{border-radius:inherit;background:var(--demo-accent);transform-origin:0;will-change:transform;width:100%;height:100%;transform:scaleX(0)}.featured-scroll-demo__viewport{touch-action:none;flex:1 1 0;min-height:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%)}.featured-scroll-demo__viewport:focus-visible{outline:none}.featured-scroll-demo__strip{box-sizing:border-box;transform-origin:top;will-change:transform, filter;flex-direction:column;align-items:center;gap:14px;padding:0 0 16px;display:flex}.featured-scroll-demo__row{opacity:.22;text-align:center;justify-content:center;align-items:center;gap:10px;width:100%;padding:6px 0;display:flex}.featured-scroll-demo__row-dot{background:var(--demo-accent);border-radius:50%;flex-shrink:0;width:9px;height:9px}.featured-scroll-demo__row-label{letter-spacing:-.02em;color:var(--demo-white);font-size:clamp(15px,2.2vw,19px);font-weight:600;line-height:1.1}.featured-scroll-demo__hint{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--demo-muted);opacity:1;margin:0;font-size:10px;transition:opacity .35s}.featured-scroll-demo__hint--hidden{opacity:0}@media (prefers-reduced-motion:reduce){.featured-scroll-demo__strip{filter:none!important;transform:none!important}.featured-scroll-demo__row{opacity:1}}