.pd-tilt{position:relative}.pd-tilt-stage{transform-origin:50% 40%;position:relative}.pd-tilt .demo-video-frame{clip-path:polygon(var(--kg-pts));border:0}.pd-tilt-edge,.pd-tilt-focus,.pd-tilt-glint-clip{aspect-ratio:1280/800;pointer-events:none;width:100%;position:absolute;top:0;left:0}.pd-tilt-edge{background:radial-gradient(circle at calc(var(--c-tl) * .5) calc(var(--c-tl) * .5), var(--kg-gold-light) 0, transparent calc(var(--c-tl) * 3)), radial-gradient(circle at calc(100% - var(--c-tr) * .5) calc(var(--c-tr) * .5), var(--kg-gold-light) 0, transparent calc(var(--c-tr) * 3)), radial-gradient(circle at calc(100% - var(--c-br) * .5) calc(100% - var(--c-br) * .5), var(--kg-gold-light) 0, transparent calc(var(--c-br) * 3)), radial-gradient(circle at calc(var(--c-bl) * .5) calc(100% - var(--c-bl) * .5), var(--kg-gold-light) 0, transparent calc(var(--c-bl) * 3)), linear-gradient(150deg, #f0d68cbf, #c9a85c47 45%, #e0c78399)}.pd-tilt-focus{--kg-w:3px;background:var(--gold-bright);opacity:0;transition:opacity var(--dur-press) var(--ease-out)}.pd-tilt:has(.demo-video-player:focus-visible) .pd-tilt-focus{opacity:1}.pd-tilt-glint-clip{clip-path:polygon(var(--kg-pts));overflow:hidden}.pd-tilt-glint{mix-blend-mode:screen;opacity:0;background:radial-gradient(closest-side,#ffeec833,#ffeec80f 55%,#0000 75%);position:absolute;inset:-30%}.pd-tilt:before{content:"";aspect-ratio:1280/760;filter:blur(26px);opacity:0;transition:opacity var(--dur-chrome) var(--ease-out), translate var(--dur-chrome) var(--ease-out);pointer-events:none;background:#000000b3;position:absolute;top:6%;left:4%;right:4%;translate:0 1.25rem}@media (hover:hover) and (pointer:fine){.pd-tilt[data-tilt=on]:hover:before{opacity:1;translate:0 2rem}}@media (forced-colors:active){.pd-tilt-focus{forced-color-adjust:none;background:highlight;transition:none}}
.product-page-client-site{border-top:1px solid var(--gold-hair);flex-direction:column;gap:.9rem;min-width:0;max-width:56rem;margin-top:clamp(2.5rem,1.5rem + 3vw,4rem);padding-top:clamp(1.5rem,1rem + 1.5vw,2.25rem);display:flex}.work-page .product-page-client-site{border-top:0;margin-top:0;padding-top:0}.product-page-client-site .product-page-demo-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem 1.25rem;display:flex}.product-page-client-site .product-page-demo-name{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:clamp(1.35rem,1.15rem + .6vw,1.7rem);font-weight:400;line-height:1.1}.product-page-client-site .product-page-demo-note{color:var(--ink-faint);font-family:var(--font-mono), monospace;font-size:var(--fs-micro-lg);letter-spacing:.08em;text-transform:uppercase;margin:0}.product-page-client-site-title{flex-direction:column;gap:.4rem;min-width:0;display:flex}.product-page-client-site-badge{color:var(--gold);font-family:var(--font-mono), monospace;font-size:var(--fs-micro-lg);letter-spacing:.16em;line-height:var(--lh-micro);text-transform:uppercase;margin:0}.locale-th .product-page-client-site-badge{letter-spacing:.04em;text-transform:none}.product-page-client-site-copy{max-width:40rem;margin:0}.product-page-client-site-caption{color:var(--ink-dim)}.product-page-client-site-figure{margin:0}.product-page-client-site-frame{--demo-position:50% 0;aspect-ratio:1920/1155}.product-page-client-site .pd-tilt-edge,.product-page-client-site .pd-tilt-focus,.product-page-client-site .pd-tilt-glint-clip{aspect-ratio:1920/1155}@media (max-width:639px){.product-page-client-site-frame,.product-page-client-site .pd-tilt-edge,.product-page-client-site .pd-tilt-focus,.product-page-client-site .pd-tilt-glint-clip{aspect-ratio:390/600}}@media (min-width:1024px){.product-page-demo-card.product-page-client-site{grid-template-rows:1fr auto auto auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1rem clamp(2rem,.5rem + 3.5vw,4rem);max-width:none;display:grid}.product-page-client-site>.product-page-demo-head{flex-direction:column;grid-area:2/1;justify-content:flex-start;align-items:flex-start;gap:.9rem}.product-page-client-site>.product-page-client-site-copy{grid-area:3/1}.product-page-client-site>.pd-tilt{grid-area:1/2/-1}.product-page-client-site>.product-page-demo-note{grid-area:4/1}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.product-page-demo-card.product-page-client-site{animation-range:entry entry 35%}}}