.live-demo{--demo-ink:var(--ink);--demo-muted:var(--muted);--demo-paper:var(--background);--demo-accent:var(--primary);background:var(--demo-paper);min-height:100vh;color:var(--demo-ink)}.live-demo__text-link{min-height:44px;color:var(--demo-ink);text-underline-offset:4px;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.live-demo__intro{width:min(1240px,100% - 112px);min-height:min(810px, calc(100svh - var(--header-height)));grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:center;gap:clamp(40px,5vw,72px);margin-inline:auto;padding-block:clamp(48px,6vw,76px);display:grid}.live-demo__intro-copy{min-width:0;max-width:620px}.live-demo__eyebrow{color:var(--demo-accent);letter-spacing:.17em;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:700;line-height:1.4}.live-demo h1,.live-demo h2{font-family:var(--font-heading), sans-serif;letter-spacing:-.045em;margin:0}.live-demo h1{font-size:clamp(56px,5vw,72px);font-weight:800;line-height:1.01}.live-demo h2{font-size:clamp(38px,3.9vw,56px);font-weight:750;line-height:1.08}.live-demo__description,.live-demo__experience-heading p:not(.live-demo__eyebrow),.live-demo__participate-copy>p:not(.live-demo__eyebrow),.live-demo__final>p:not(.live-demo__eyebrow){max-width:54ch;color:var(--demo-muted);font-family:var(--font-reading), Inter, sans-serif;letter-spacing:-.012em;font-size:clamp(16px,1.22vw,18px);line-height:1.56}.live-demo__description{margin:25px 0 0}.live-demo__intro-actions{flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:30px;display:flex}.live-demo__button{border:1px solid var(--primary);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:14px 26px;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;transition:background-color .18s,box-shadow .22s,transform .22s;display:inline-flex}.live-demo__button--primary{background:color-mix(in srgb, var(--sage) 65%, var(--primary));border-color:color-mix(in srgb, var(--sage) 65%, var(--primary));color:var(--demo-ink);box-shadow:0 12px 26px -15px #303e283d,inset 0 1px #ffffff5c}.live-demo__button--primary:hover{background:color-mix(in srgb, var(--sage) 55%, var(--primary));transform:translateY(-2px);box-shadow:0 16px 32px -15px #303e2852}.live-demo__button--secondary{background:var(--surface);border-color:var(--line-hover);color:var(--demo-ink)}.live-demo__button--secondary:hover{background:var(--sage);box-shadow:var(--primitive-shadow-card)}.live-demo__button:disabled{opacity:.55;cursor:wait;transform:none}.live-demo__button:focus-visible,.live-demo a:focus-visible,.live-demo button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.live-demo__error{color:#9a342b;font-weight:650}.live-demo__trust{color:var(--demo-muted);margin:24px 0 0;font-size:12.5px;font-weight:500}.live-demo__limits{color:var(--demo-muted);margin:8px 0 0;font-size:12.5px}.live-demo__hero-visual{border:1px solid var(--line);border-radius:var(--radius-hero-frame);background:var(--sage);min-height:clamp(440px,38vw,560px);box-shadow:var(--primitive-shadow-hero);position:relative;overflow:hidden}.photo-cloud{isolation:isolate;perspective:1100px}.photo-cloud:before{content:"";border:1px solid #24352d1c;border-radius:50%;position:absolute;inset:8% 12%;transform:rotate(-22deg)scaleX(1.15)}.photo-cloud__card{border:5px solid var(--surface);border-radius:var(--radius-sm);background:var(--soft);transform:var(--photo-cloud-transform);position:absolute;overflow:hidden;box-shadow:0 18px 36px #1c2f2433}.photo-cloud__card img{object-fit:cover}.photo-cloud__card--friends{--photo-cloud-transform:rotateY(17deg) rotateZ(-9deg) translateZ(-45px);z-index:2;width:42%;height:38%;animation-duration:8s;top:9%;left:1%}.photo-cloud__card--sparkle{--photo-cloud-transform:rotateY(-19deg) rotateZ(10deg) translateZ(-85px);z-index:1;width:35%;height:46%;animation-duration:10s;animation-delay:-3s;top:7%;right:-3%}.photo-cloud__card--sparkle img{object-position:center 25%}.photo-cloud__card--hero{--photo-cloud-transform:rotateY(-8deg) rotateZ(3deg) translateZ(50px);z-index:3;width:62%;height:68%;animation-duration:9s;animation-delay:-2s;top:19%;left:22%}.photo-cloud__card--party{--photo-cloud-transform:rotateY(15deg) rotateZ(-7deg) translateZ(90px);z-index:4;width:42%;height:34%;animation-duration:7s;animation-delay:-4s;bottom:3%;left:0}.photo-cloud--motion .photo-cloud__card{will-change:transform;animation-name:photo-cloud-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes photo-cloud-float{0%{transform:var(--photo-cloud-transform) translate3d(0, 0, 0)}to{transform:var(--photo-cloud-transform) translate3d(0, -12px, 0)}}.live-demo__hero-caption{z-index:5;border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--demo-ink);padding:9px 13px;font-size:12px;font-weight:600;position:absolute;bottom:1.25rem;right:1.25rem}.live-demo__experience{background:var(--soft);padding:clamp(64px,8vw,112px) max(20px,50% - 620px)}.live-demo__experience-heading{justify-content:space-between;align-items:end;gap:2rem;max-width:1240px;margin:0 auto 30px;display:flex}.live-demo__experience-heading p:not(.live-demo__eyebrow){margin:18px 0 0}.live-demo__timer{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.live-demo__wall-shell{aspect-ratio:16/9;border-radius:var(--radius-xl);width:min(100%,1240px);box-shadow:var(--primitive-shadow-hero);background:#17241f;margin:auto;overflow:hidden}.live-demo__wall-shell .live-experiences__stage,.live-demo__wall-shell .live-experiences__screen{width:100%;height:100%}.live-demo__wall-frame{border:0;width:100%;height:100%;display:block}.demo-sample-wall{width:100%;height:100%;position:relative;overflow:hidden}.demo-sample-wall__still{grid-template-columns:repeat(4,1fr);width:100%;height:100%;display:grid}.demo-sample-wall__tile{position:relative;overflow:hidden}.demo-sample-wall__tile img{object-fit:cover}.live-demo__sample-note{max-width:1240px;color:var(--demo-muted);margin:16px auto 0;font-size:13px}.live-demo__experience>.live-demo__text-link{width:fit-content;margin:.5rem auto 0;display:flex}.live-demo__participate{grid-template-columns:1fr minmax(280px,390px);align-items:center;gap:clamp(48px,8vw,112px);width:min(1240px,100% - 112px);max-width:1240px;margin-inline:auto;padding-block:clamp(64px,8vw,112px);display:grid}.live-demo__participate-copy>p:not(.live-demo__eyebrow){margin:20px 0 0}.live-demo__steps{gap:16px;margin:28px 0;padding-left:24px;font-size:16px;font-weight:600;display:grid}.live-demo__steps li{padding-left:6px}.live-demo__qr-card{scroll-margin-top:calc(var(--header-height) + 20px);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);text-align:center;box-shadow:var(--primitive-shadow-raised);padding:clamp(24px,3vw,40px)}.live-demo__qr-card:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.live-demo__qr-kicker{font-family:var(--font-heading), sans-serif;letter-spacing:-.025em;margin:0 0 20px;font-size:24px;font-weight:700}.live-demo__qr-image{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-md);color:#849488;place-items:center;width:min(100%,270px);margin:auto;display:grid}.live-demo__qr-image--error{color:#9a342b}.live-demo__qr-caption{color:var(--demo-muted);margin:20px 0;font-size:14px}.live-demo__copy{border:1px solid var(--line-hover);border-radius:var(--radius-md);background:var(--surface);min-height:48px;color:var(--demo-ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.live-demo__copy:hover{background:var(--sage)}.live-demo__copy-error{color:#9a342b;margin:.75rem 0 0;font-size:.85rem;line-height:1.5}.live-demo__final{background:var(--primary);color:#fff;text-align:center;padding:clamp(64px,8vw,112px) 20px}.live-demo__final .live-demo__eyebrow{color:var(--sage)}.live-demo__final>p:not(.live-demo__eyebrow){color:var(--on-dark-muted);margin:24px auto 30px}.live-demo__final .live-demo__button--primary{background:var(--background);border-color:var(--background);color:var(--primary)}.live-demo__final .live-demo__button--primary:hover{background:var(--sage)}@media (max-width:850px){.live-demo__intro,.live-demo__participate{grid-template-columns:1fr;width:min(660px,100% - 40px)}.live-demo__intro{gap:38px;min-height:0;padding-block:56px 64px}.live-demo__hero-visual{min-height:460px}.live-demo__participate{gap:32px}.live-demo__qr-card{width:min(100%,440px);margin:auto}}@media (max-width:600px){.live-demo__intro{padding-block:64px 56px}.live-demo__eyebrow{margin-bottom:17px}.live-demo h1{font-size:clamp(42px,11.6vw,50px)}.live-demo h2{font-size:clamp(38px,10vw,46px)}.live-demo__description{margin-top:21px}.live-demo__intro-actions{align-items:stretch;margin-top:25px}.live-demo__intro-actions .live-demo__button{width:100%}.live-demo__trust{margin-top:20px}.live-demo__hero-visual{min-height:340px}.photo-cloud__card{will-change:auto;border-width:3px}.photo-cloud--motion .photo-cloud__card{animation:none}.live-demo__experience-heading{flex-direction:column;align-items:start;gap:.5rem}.live-demo__wall-shell{aspect-ratio:4/5}.live-demo__steps{font-size:16px}.live-demo__qr-card,.live-demo__final .live-demo__button{width:100%}}@media (prefers-reduced-motion:reduce){.live-demo__button{transition:none}.photo-cloud--motion .photo-cloud__card{animation:none}}