.p3{position:relative;background:var(--white)}.p3-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;z-index:0}.p3-stage{position:absolute;inset:0}.p3-stage canvas{display:block;width:100%;height:100%}.p3-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.room-label,.dim-label{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform,opacity}.room-label{display:grid;justify-items:center;gap:1px;padding:4px 9px;border-radius:8px;background:var(--glass);box-shadow:0 0 0 1px var(--glass-line)}.room-label strong{font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}.room-label span{font:500 11px/1.2 var(--sans);color:var(--muted)}.dim-label{font:600 12px/1 var(--sans);padding:2px 6px;background:var(--white);color:var(--ink)}.p3-counter{position:absolute;z-index:1;right:var(--gutter);top:var(--p3-top, 24px);font:700 12px/1 var(--sans);letter-spacing:.12em;color:var(--muted)}.p3-titleblock{position:absolute;z-index:1;right:var(--gutter);bottom:20px;display:none;margin:0;grid-template-columns:auto auto;gap:4px 18px;padding:12px 16px;border:1px solid var(--ink);background:var(--white);font:600 10px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase}.p3-titleblock dt{color:var(--subtle)}.p3-titleblock dd{margin:0}@media (min-width: 900px){.p3-titleblock{display:grid}}.p3-loading{position:absolute;z-index:1;left:50%;top:var(--p3-top, 24px);transform:translate(-50%);padding:7px 14px;border-radius:999px;background:var(--glass);box-shadow:0 0 0 1px var(--glass-line);font:600 12px/1.2 var(--sans);color:var(--ink);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.p3-loading.is-visible{opacity:1;visibility:visible;transition:opacity .3s ease}.p3-loading:before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;vertical-align:-1px;border-radius:50%;border:1.5px solid var(--ink);border-right-color:transparent;animation:p3-spin .8s linear infinite}@keyframes p3-spin{to{transform:rotate(360deg)}}.p3-story{position:relative;z-index:2;margin-top:-100vh;margin-top:-100svh;pointer-events:none}.step{min-height:120vh;display:flex;align-items:flex-end;padding:0 var(--gutter) 28px;box-sizing:border-box}.step:first-child{min-height:100vh}.step:last-child{min-height:110vh}@media (min-width: 900px){.step{align-items:center;padding:0 0 0 max(var(--gutter),calc((100vw - 1080px) / 2 + var(--gutter)))}}.p3-card{pointer-events:auto;width:100%;max-width:400px;padding:20px 22px;border-radius:var(--radius);box-sizing:border-box;background:var(--glass);box-shadow:0 0 0 1px var(--glass-line),0 18px 40px #1a171414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.35;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.step.is-active .p3-card,.showcase-failed .p3-card{opacity:1;transform:none}.p3-card h1,.p3-card h2{font:400 34px/1.05 var(--serif);margin:0 0 10px;letter-spacing:-.01em;text-wrap:balance}.p3-card h1,.p3-card .p3-lead{font-size:44px}.p3-card h1 em,.p3-card h2 em{color:var(--taupe)}.p3-card p{margin:0;color:var(--muted);font-size:16px}.p3-card p+p{margin-top:10px}.p3-eyebrow{display:block;margin-bottom:10px;font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--subtle)}.p3-hint{margin-top:16px!important;font:700 11px/1 var(--sans)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important}.p3-hint:after{content:" ↓"}.p3-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.p3-note{margin-top:14px!important;font-size:13px!important;color:var(--subtle)!important}@media (min-width: 900px){.p3-card{padding:26px 28px}.p3-card h1,.p3-card .p3-lead{font-size:56px}.p3-card h2{font-size:40px}}.showcase-failed .p3-sticky{display:none}.showcase-failed .p3-story{margin-top:0}@media (prefers-reduced-motion: reduce){.p3-card,.p3-loading{transition:none}.p3-loading:before{animation:none}}