:is(html:has(.showcase-page),html:has(.showcase-stage)){scroll-behavior:auto}body:has(.showcase-stage){overflow:hidden}.showcase-page{background:var(--color-bg-surface);place-items:center;width:100%;height:100svh;padding:28px;display:grid;overflow:hidden}.showcase-bento{isolation:isolate;width:min(100%,1600px);height:min(1200px,100svh - 72px);position:relative}.showcase-desktop-only{border-inline:1px solid var(--color-border-subtle);background:var(--color-bg-page);min-height:100svh;color:var(--color-text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:28px;display:flex}.showcase-desktop-only-mark{aspect-ratio:1.8;isolation:isolate;touch-action:pan-y;border-radius:8px;width:min(100%,900px);position:relative}.showcase-desktop-only-mark:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:6px}.showcase-desktop-only-mark [data-bloom-fallback]{font:italic 300 clamp(56px, 11vw, 152px)/1 var(--font-name), serif;letter-spacing:-.04em;color:var(--color-text-navigation-current);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.showcase-desktop-only-mark [data-bloom-canvas]{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.showcase-desktop-only[data-renderer=ready] [data-bloom-fallback]{visibility:hidden}.showcase-desktop-only p{max-width:410px;font:400 18px/1.55 var(--font-body), sans-serif;color:var(--color-text-secondary);text-wrap:balance;margin:0}.showcase-desktop-only .bevel-button{min-width:152px}.showcase-tile{border:1px solid var(--color-border-control);background:var(--color-bg-page);box-shadow:inset 0 0 0 5px var(--color-bg-page), inset 0 0 0 6px var(--color-border-subtle);border-radius:22px;position:absolute;top:0;left:0;overflow:hidden}.showcase-tile:after{content:"";border:1px solid color-mix(in oklab, var(--color-border-subtle) 60%, transparent);pointer-events:none;border-radius:16px;position:absolute;inset:5px}.showcase-tile iframe{background:var(--color-bg-page);border:0;width:100%;height:100%;display:block}.showcase-expand{border:1px solid var(--color-border-subtle);background:var(--color-bg-page);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;opacity:0;z-index:3;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;bottom:12px;right:12px}.showcase-expand svg{width:18px;height:18px}.showcase-expand:disabled{visibility:hidden}.showcase-tile:hover .showcase-expand,.showcase-tile:focus-within .showcase-expand{opacity:1}.showcase-expand:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.showcase-stage{background:var(--color-bg-page);justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden;container-type:size}.showcase-celestial{width:100%;height:100%}.showcase-navigation-host{width:100%;height:100%;position:relative}.showcase-navigation-plane{width:540px;height:320px;transform:translate(-50%, -50%) scale(var(--navigation-fit,1));position:absolute;top:50%;left:50%}.showcase-nav-trigger{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.showcase-nav-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-12px;border-radius:16px}.showcase-navigation-plane .adaptive-nav[data-enhanced=true]{position:absolute}.showcase-navigation-plane .adaptive-nav .nav-pill{display:block}.showcase-navigation-plane .adaptive-nav .nav-pill .resume{min-width:94px;font-size:14px}.showcase-navigation-plane .adaptive-nav .nav-pill{font-size:13px}.showcase-stage[data-showcase-stage=photographs] .camera-roll{gap:14px;width:min(100%,480px);height:100%;min-height:0;padding:28px 28px 0}.showcase-stage .photo-stack{flex-shrink:0;width:100%;height:clamp(130px,28cqh,230px)}.showcase-stage .preview-print{height:clamp(120px,26cqh,210px)}.showcase-stage .camera-roll .bevel-button{flex-shrink:0}.showcase-pulp{background:var(--color-bg-about-feature);flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:24px;display:flex}.showcase-pulp-reel{opacity:.35;width:100%;height:clamp(80px,52cqh,230px);transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);transform:translateY(4px)}.showcase-pulp-reel[data-open=true]{opacity:1;transform:none}.showcase-pulp-reel .circular-carousel__photo{object-fit:contain}.showcase-stage .say-hello{border:0;flex-direction:column;align-items:stretch;width:min(100%,400px);height:auto;padding:24px;display:flex}.showcase-stage .say-hello button[aria-haspopup=dialog]{width:min(100%,280px);margin:12px 0}.showcase-stage .say-hello>div:last-of-type{justify-content:space-between;display:flex}.showcase-stage .say-hello>p{display:block}.showcase-stage .slingshot-game{border:0;width:min(100%,820px);padding:24px}.showcase-stage .slingshot-stage{min-height:0}.showcase-notebook.journey{background:var(--color-bg-about-feature);justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.showcase-notebook.journey .notebook-launcher{order:0;align-items:center;gap:12px;margin:0;display:flex;position:relative;top:auto;right:auto}.showcase-notebook.journey .notebook-hold-cue{opacity:1;flex-direction:row-reverse;order:1;padding:0;position:static;transform:none}.showcase-notebook.journey .notebook-hold-cue svg{transform:scaleX(-1)}.showcase-stage[data-showcase-stage=footer] footer{border:0;grid-template-rows:1fr auto;width:100%;height:100%;min-height:0;padding:24px;display:grid}.showcase-stage[data-showcase-stage=footer] [data-bloom-mark]{align-self:center;width:100%}.showcase-stage[data-showcase-stage=footer] footer nav{justify-content:center;gap:24px;margin-top:4px}@container (max-height:270px){.showcase-stage[data-showcase-stage=footer] footer{padding:16px 24px 8px}.showcase-stage[data-showcase-stage=footer] footer nav a{font-size:12px}}@container (max-width:380px){.showcase-stage .camera-roll{padding-inline:18px}.showcase-pulp{padding-inline:12px}.showcase-stage .say-hello{padding:20px}}@media (prefers-reduced-motion:reduce){.showcase-pulp-reel,.showcase-expand{transition:none}}@media (max-width:760px){.showcase-desktop-only{gap:20px;padding:24px 16px}.showcase-desktop-only p{max-width:280px;font-size:15px}}@media (forced-colors:active){.showcase-tile{box-shadow:none;border-color:canvastext}.showcase-desktop-only-mark [data-bloom-canvas]{display:none}.showcase-desktop-only[data-renderer=ready] [data-bloom-fallback]{visibility:visible;color:canvastext}}:is(body:has(.showcase-page) nextjs-portal,body:has(.showcase-stage) nextjs-portal,body:has(.showcase-desktop-only) nextjs-portal){display:none}.showcase-bento:before{content:"";border:1px solid var(--color-border-subtle);pointer-events:none;border-radius:30px;position:absolute;inset:-8px}.showcase-stage[data-showcase-stage=hello] .say-hello{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:min(100%,520px);height:auto;padding:28px;display:flex}.showcase-stage[data-showcase-stage=hello] .say-hello>div:first-child,.showcase-stage[data-showcase-stage=hello] .say-hello>p{display:none}.showcase-stage[data-showcase-stage=hello] .say-hello button[aria-haspopup=dialog]{align-self:center;width:min(100%,440px);margin:0}.showcase-stage[data-showcase-stage=hello] .say-hello>div:last-of-type{justify-content:center;align-items:center;width:100%;padding:0;font-size:15px;display:flex}.showcase-stage[data-showcase-stage=hello] .say-hello>div:last-of-type>span:last-child{display:none}.showcase-stage .photo-printer{min-height:0}.showcase-stage[data-showcase-stage=hello] .say-hello button[aria-haspopup=dialog]{width:min(100%,440px,125cqh - 125px)}.showcase-stage[data-showcase-stage=footer] [data-bloom-mark]{aspect-ratio:2.6;justify-self:center;width:min(100%,260cqh - 260px)}@container (max-height:450px){.showcase-stage[data-showcase-stage=photographs] .camera-roll{gap:8px;padding:16px 20px 0}.showcase-stage[data-showcase-stage=photographs] .camera-roll>h3,.showcase-stage[data-showcase-stage=photographs] .camera-roll>p{display:none}}.showcase-celestial .hero-ripple-frame{border:0;width:100%;max-width:none;height:100%;margin:0}.showcase-celestial .hero-ripple-content{width:100%;height:100%;min-height:0}.showcase-notebook.journey .notebook-launcher{align-self:center}.showcase-stage[data-showcase-stage=notebook] .journey .notebook-launcher{flex:0 0 60px;width:60px;height:60px;position:relative}.showcase-stage[data-showcase-stage=notebook] .journey .notebook-hold-cue{width:max-content;position:absolute;top:calc(100% + 12px);left:50%;right:auto;transform:translate(-50%)}.showcase-stage[data-showcase-stage=notebook] .journey .notebook-hold-cue svg{transform:rotate(-45deg)}