.ws-line{margin-top:var(--fd-space-2);max-width:18ch}.ws-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(60px,5.6vw,84px);gap:clamp(10px,1vw,14px);margin:clamp(32px,5vh,56px) 0 0;padding:0;list-style:none;display:grid}.ws-cell{grid-area:var(--area);min-width:0}.ws-object{height:100%}.ws-object[data-anchor=right]{--pivot-anchor:100% 100%;--pivot-from:-.9deg}.ws-tile{isolation:isolate;background:var(--bg);height:100%;color:var(--ink);transition:transform var(--dur-hover) var(--ease-brand);border-radius:22px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff12}.ws-tile:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--glow) var(--glow-mix,55%), transparent), transparent 70%);pointer-events:none;position:absolute;inset:-40%;translate:30% -25%}.ws-tile[data-tone=dark]{--glow-mix:18%}.ws-tile[data-tone=dark] .ws-say{opacity:1}.ws-tile[data-grid]{background-color:var(--bg);background-image:linear-gradient(#e5e7eb 1px,#0000 1px),linear-gradient(90deg,#e5e7eb 1px,#0000 1px);background-size:28px 28px}.ws-tile:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.ws-ambient{z-index:-1;opacity:.26;mix-blend-mode:screen;position:absolute;inset:0}.ws-ambient .ws-screen{object-fit:cover;width:100%;height:100%}.ws-copy{z-index:3;flex-direction:column;gap:12px;max-width:min(64%,440px);padding:clamp(18px,1.8vw,26px);display:flex;position:relative}.ws-mark{align-items:center;gap:12px;min-height:30px;display:flex}.ws-mark img{object-fit:contain;object-position:left center;width:auto;max-width:220px;height:28px;display:block}.ws-mark img[data-icon]{border-radius:11px;width:44px;height:44px;box-shadow:0 6px 16px -8px #0006}.ws-tile[data-product] .ws-copy{max-width:92%}.ws-name{white-space:nowrap;font-family:var(--font-display);letter-spacing:-.03em;flex-direction:column;font-size:clamp(20px,1.7vw,26px);font-weight:600;line-height:1.05;display:flex}.ws-name small{font-family:var(--font-body);letter-spacing:0;opacity:.75;margin-top:4px;font-size:12px;font-weight:400}.ws-say{font-family:var(--font-body);opacity:.88;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:clamp(13px,1vw,14.5px);line-height:1.45;display:-webkit-box;overflow:hidden}.ws-arrow{z-index:3;transition:translate var(--dur-hover) var(--ease-brand);font-size:22px;line-height:1;position:absolute;top:clamp(16px,1.6vw,24px);right:clamp(18px,1.8vw,26px)}.ws-dev{z-index:2;left:var(--x);bottom:calc(var(--bn) * 1%);width:var(--w);rotate:var(--r);position:absolute;container-type:inline-size}@media (hover:hover) and (pointer:fine){.ws-tile:hover .ws-body{translate:0 calc(var(--d) * -8px)}.ws-tile:hover .ws-arrow{translate:2px -2px}}.ws-tile:active{transform:scale(.985)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ws-dev{animation:linear both ws-drift;animation-timeline:view();animation-range:cover}.ws-tile:before{animation:linear both ws-glow;animation-timeline:view();animation-range:cover}}}@keyframes ws-drift{0%{translate:0 calc(var(--d) * 26px);rotate:calc(var(--r) * 1.8)}to{translate:0 calc(var(--d) * -26px);rotate:calc(var(--r) * .3)}}@keyframes ws-glow{0%{translate:35% -10%}to{translate:-15% -35%}}.ws-more{justify-content:center;margin-top:clamp(28px,4vh,48px);display:flex}@media (min-width:48rem) and (max-width:89.99rem){.ws-grid{grid-auto-rows:min(84px,3.6vw + 32px)}.ws-say{-webkit-line-clamp:3}}@media (max-width:47.99rem){.ws-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:dense;gap:10px}.ws-cell{grid-area:auto/span 2;container-type:inline-size}.ws-cell[data-m="1"]{grid-column:span 1}.ws-tile{min-height:calc(var(--hw) * 100cqw + var(--mc));border-radius:18px}.ws-dev{bottom:calc(var(--bn) * var(--hw) * 1cqw)}.ws-copy{gap:10px;max-width:none;padding:18px 46px 0 18px}.ws-tile[data-product] .ws-copy{max-width:none}.ws-arrow{font-size:20px;top:16px;right:16px}.ws-say{font-size:13.5px}.ws-cell[data-m="1"] .ws-copy{padding:14px 14px 0}.ws-cell[data-m="1"] .ws-arrow{display:none}.ws-cell[data-m="1"] .ws-mark img:not([data-icon]){max-width:100%;height:24px!important}.ws-cell[data-m="1"] .ws-mark img[data-icon]{border-radius:9px;width:34px;height:34px}.ws-cell[data-m="1"] .ws-mark{gap:8px}.ws-cell[data-m="1"] .ws-name{font-size:17px}.ws-cell[data-m="1"] .ws-name small{font-size:11px}.ws-cell[data-m="1"] .ws-say{-webkit-line-clamp:5;font-size:12px}}
.pna-studio-about-link{--link-active:0;--link-gap:32px;color:inherit;font:400 13px/1.3 var(--font-ibm-plex-sans), sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #0000;align-items:center;padding-block:10px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pna-studio-about-link-content{justify-content:space-between;align-items:center;gap:var(--link-gap);flex:1;min-width:0;display:flex;position:relative}.pna-studio-about-link-copy{flex:none;display:block}.pna-studio-about-link-letter{white-space:pre;transform:translateX(calc(var(--link-active) * var(--link-travel,0px)));display:inline-block}.pna-studio-about-link-arrow{text-align:center;flex:none;width:19px;font-size:19px;line-height:1;display:block}.pna-studio-about-link-arrow-start{transform:translateX(calc((var(--link-active) - 1) * 200%));position:absolute;left:0}.pna-studio-about-link-arrow-end{transform:translateX(calc(var(--link-active) * 200%))}.pna-studio-about-link:before,.pna-studio-about-link:after{content:"";opacity:.4;background:currentColor;height:1px;position:absolute;inset:auto 0 0}.pna-studio-about-link:before{transform:translateX(calc(var(--link-active) * 100%))}.pna-studio-about-link:after{transform:translateX(calc((var(--link-active) - 1) * 200%))}@media (prefers-reduced-motion:no-preference){.pna-studio-about-link-letter{transition:transform .5s cubic-bezier(.22,1,.36,1);transition-delay:calc((var(--letter-index) * (1 - var(--link-active)) + var(--letter-reverse) * var(--link-active)) * 20ms)}.pna-studio-about-link-arrow{transition:transform .5s cubic-bezier(.22,1,.36,1)}.pna-studio-about-link-arrow-start{transition-delay:calc(var(--link-active) * .18s)}.pna-studio-about-link-arrow-end{transition-delay:calc((1 - var(--link-active)) * .18s)}.pna-studio-about-link:before,.pna-studio-about-link:after{transition:transform .8s cubic-bezier(.65,0,.35,1)}.pna-studio-about-link:focus-visible{--link-active:1}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pna-studio-about-link:hover{--link-active:1}}.pna-studio-about-link:focus-visible{outline-offset:8px;outline:2px solid}
