.gallery-ui .hero-visual.duo-hero{perspective:none;flex-direction:column;justify-self:center;gap:0;width:100%;min-width:0;max-width:748px;margin:0;display:flex;position:relative}.gallery-ui .duo-hero .duo-device{aspect-ratio:4/3;isolation:isolate;filter:none;width:100%;position:relative}.gallery-ui .duo-hero .duo-frame{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.gallery-ui .duo-hero .duo-screen{color:var(--ink);touch-action:pan-y;background:0 0;border-radius:5.8%/8.25%;position:absolute;inset:13.957% 11.533%;overflow:hidden}.gallery-ui .duo-hero .duo-screen-heading{letter-spacing:.02em;color:var(--muted);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:clamp(10px,1.1vw,13px);line-height:1.4;display:flex;position:absolute;top:9%;left:7%;right:7%}.gallery-ui .duo-hero .duo-screen-heading>span:first-child{color:var(--ink);font-weight:500}.gallery-ui .duo-hero .duo-card-name{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;text-align:right;min-width:0;max-width:76%;font-size:10px;overflow:hidden}.gallery-ui .duo-hero .duo-deck{isolation:isolate;position:absolute;inset:0}.gallery-ui .duo-hero .hero-slide{aspect-ratio:1536/969;border-radius:3.71495% / calc(3.71495% * var(--card-display-ratio,1.58514));visibility:visible;opacity:0;pointer-events:none;width:78%;box-shadow:none;will-change:transform,opacity;transition:transform .85s cubic-bezier(.22,.8,.22,1),opacity .65s;position:absolute;inset:55% auto auto 50%;transform:translate(-50%,-50%)translate(115%)rotate(18deg)scale(.72)}.gallery-ui .duo-hero .hero-slide[data-slot="-2"]{z-index:0;transform:translate(-50%,-50%)translate(-115%)rotate(-18deg)scale(.72)}.gallery-ui .duo-hero .hero-slide[data-slot="2"]{z-index:0}.gallery-ui .duo-hero .hero-slide[data-slot="-1"]{opacity:1;z-index:1;pointer-events:auto;transform:translate(-50%,-50%)translate(-55%)rotate(-13deg)scale(.84)}.gallery-ui .duo-hero .hero-slide[data-slot="1"]{opacity:1;z-index:1;pointer-events:auto;transform:translate(-50%,-50%)translate(55%)rotate(13deg)scale(.84)}.gallery-ui .duo-hero .hero-slide[data-slot="0"]{opacity:1;z-index:2;pointer-events:auto;transform:translate(-50%,-50%)translate(0%)rotate(-4deg)scale(1)}.gallery-ui .duo-hero .hero-slide:focus-visible{outline-offset:4px;outline:2px solid #b9d6ff}.gallery-ui .duo-hero .hero-card{aspect-ratio:auto;object-fit:contain;border-radius:inherit;width:100%;height:auto;box-shadow:none;opacity:1;visibility:visible;-webkit-user-drag:none;user-select:none;transition:none;display:block;position:relative;inset:auto;transform:none}.gallery-ui .duo-hero .duo-home-indicator{background:var(--muted);opacity:.55;pointer-events:none;border-radius:3px;width:20%;height:3px;position:absolute;bottom:4%;left:40%}.gallery-ui .duo-hero [hidden]{display:none!important}@media (width<=760px){.gallery-ui .hero-inner:has(.duo-hero){grid-template-columns:minmax(0,1fr)}.gallery-ui .hero-visual.duo-hero{align-items:center;width:100vw;max-width:680px;overflow:clip visible}.gallery-ui .duo-hero .duo-device{flex-shrink:0;width:116%}.gallery-ui .duo-hero .duo-screen-heading{font-size:12px}}@media (width<=380px){.gallery-ui .duo-hero .duo-screen-heading{font-size:10px}}@media (prefers-reduced-motion:reduce){.gallery-ui .duo-hero .hero-slide{will-change:auto;transition:none}}.gallery-ui .duo-hero .duo-unfold-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.gallery-ui .duo-hero .duo-unfold-layer>img{width:100%;height:100%;display:block;position:absolute;inset:0}.gallery-ui .duo-hero .duo-webgl{pointer-events:none;z-index:3;position:absolute;inset:0}.gallery-ui .duo-hero .duo-webgl canvas{width:100%;height:100%;display:block}.gallery-ui .duo-hero[data-renderer=webgl] .duo-frame{visibility:hidden}.gallery-ui .duo-hero[data-renderer=webgl] .duo-screen{opacity:0;inset:13.957% 11.533%}.gallery-ui .duo-hero:not([data-intro=open]) .duo-screen{opacity:0}.gallery-ui .duo-hero:not([data-intro=open]) .duo-frame{visibility:hidden}@media (width>=761px){.gallery-ui .hero-inner:has(.duo-hero){grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:32px}}.gallery-ui .duo-hero .duo-poster-dark,:root[data-theme=dark] .duo-hero .duo-poster-light{visibility:hidden}:root[data-theme=dark] .duo-hero .duo-poster-dark{visibility:visible}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .duo-hero .duo-poster-light{visibility:hidden}:root:not([data-theme=light]) .duo-hero .duo-poster-dark{visibility:visible}}.gallery-ui .duo-hero .duo-replay{min-height:44px;color:var(--muted);font:inherit;letter-spacing:.02em;white-space:nowrap;cursor:pointer;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:8px 16px;font-size:12px;font-weight:400;line-height:1.5;transition:opacity .22s,color .18s,visibility 0s linear .22s;display:inline-flex;position:absolute;top:calc(87.8% + 3px);left:50%;transform:translate(-50%)}.gallery-ui .duo-hero .duo-replay-content{align-items:center;gap:6px;display:inline-flex}@keyframes duo-replay-breathe{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:no-preference){.gallery-ui .duo-hero .duo-replay:where([data-visible=true]:not(:disabled)) .duo-replay-content{animation:3.2s ease-in-out infinite paused duo-replay-breathe}.gallery-ui .duo-hero .duo-replay[data-breathing=true] .duo-replay-content{animation-play-state:running}.gallery-ui .duo-hero .duo-replay:is(:focus-visible,:active) .duo-replay-content{animation:none}@media (hover:hover) and (pointer:fine){:where(:root:not([data-input-kind=touch])) .gallery-ui .duo-hero .duo-replay:hover .duo-replay-content{animation:none}}}.gallery-ui .duo-hero .duo-replay-icon{pointer-events:none;flex:none;width:16px;height:16px;display:block}.gallery-ui .duo-hero .duo-replay[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}@media (hover:hover) and (pointer:fine){:where(:root:not([data-input-kind=touch])) .gallery-ui .duo-hero .duo-replay:hover:where(:not(:disabled,[aria-disabled=true],[aria-busy=true],[data-downloading])){color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-color:var(--line)}}.gallery-ui .duo-hero .duo-replay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery-ui .duo-hero .duo-replay:disabled{cursor:default;text-decoration:none}@media (prefers-reduced-motion:reduce){.gallery-ui .duo-hero .duo-replay{transition:none}}.gallery-ui .duo-hero .duo-card-face{border-radius:inherit;isolation:isolate;width:100%;translate:0;transform:perspective(900px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:translate .22s;display:block;position:relative;box-shadow:0 8px 18px #0000003d}.gallery-ui .duo-hero .duo-card-glare{border-radius:inherit;pointer-events:none;opacity:var(--card-glare,0);mix-blend-mode:soft-light;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#ffffff8a 0%,#ffffff45 18%,transparent 38%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.gallery-ui .duo-hero .duo-card-face{transform:none}.gallery-ui .duo-hero .duo-card-glare{opacity:0}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:where(:root:not([data-input-kind=touch])) .gallery-ui .duo-hero .duo-screen:not([inert]) .hero-slide:is([data-slot="-1"],[data-slot="1"]):hover:where(:not(:disabled,[aria-disabled=true],[aria-busy=true],[data-downloading])) .duo-card-face{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.gallery-ui .duo-hero .duo-card-face{transition:none;translate:none}}
