.pg-case .cs-open{position:relative;padding-block:0;--pg-bg:var(--color-black);--pg-fg:var(--color-on-black)}.pg-case .cs-open-frame{position:relative;width:100%;aspect-ratio:2.22/1;max-height:82vh;overflow:hidden}.pg-case .cs-open-frame>figure{position:absolute;inset:0;margin:0}.pg-case .cs-open-frame img{width:100%;height:100%;object-fit:cover;display:block}.pg-case .cs-open-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,11,12,.5) 0%,transparent 38%,rgba(11,11,12,.92) 100%)}.pg-case .cs-open-title{position:absolute;inset:auto 0 0;z-index:2;padding-bottom:clamp(2rem,5vw,3.6rem)}.pg-case .cs-open h1{max-width:14ch;margin-top:.8rem}@media(max-width:899px){.pg-case .cs-open{padding-top:var(--nav-h)}.pg-case .cs-open-shade{display:none}.pg-case .cs-open-title{position:static;padding-block:clamp(1.1rem,3.5vw,1.6rem) clamp(2rem,6vw,2.6rem)}}.pg-case .cs-grid{display:grid;gap:clamp(.8rem,1.6vw,1.4rem);grid-template-columns:repeat(3,minmax(0,1fr))}.pg-case .cs-frame{width:100%;aspect-ratio:2.22/1}@media(max-width:599px){.pg-case .cs-grid{grid-template-columns:minmax(0,1fr)}}.pg-case .notice{margin:clamp(1.6rem,3vw,2.2rem) 0 0;padding:0;border:0;background:none}.pg-case .notice p{margin:0;max-width:62ch;font-size:var(--t-small-size);line-height:1.55;color:var(--color-text-secondary)}.pg-case .notice strong{color:var(--color-text-primary);font-weight:600}.pg-case p.cs-note{margin:clamp(1rem,2vw,1.4rem) 0 0;max-width:62ch;font-size:var(--t-small-size);line-height:1.55;color:var(--color-text-secondary)}.pg-case em{text-decoration:none}.pg-case .cs-facts{display:grid;gap:1.4rem;margin:0}.pg-case .cs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-case .cs-facts .cs-client{grid-column:1/-1}@media(min-width:600px){.pg-case .cs-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.pg-case .cs-facts .cs-client{grid-column:span 2}}@media(min-width:900px){.pg-case .cs-facts{grid-template-columns:repeat(5,minmax(0,1fr))}.pg-case .cs-facts .cs-client{grid-column:auto}}.pg-case .cs-facts dt:not(#_){font-size:.8rem}.pg-case .cs-facts dd{margin:.4rem 0 0}.pg-case .cs-facts .cs-caps{grid-column:1/-1;padding-top:1.1rem;border-top:1px solid var(--line)}.pg-case .cs-caps-list{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0;padding:0;list-style:none}.pg-case .cs-caps-list li{white-space:nowrap}.pg-case .cs-caps p{margin:.6rem 0 0}.pg-case .cs-back{border-top:1px solid var(--line);padding-block:clamp(1.2rem,2.6vw,1.8rem)}.pg-case .cs-back .btn{min-height:44px}.pg-case .cs-back .btn:is(:hover,:focus-visible) .tick{transform:translate(-.28em)}.pg-case .csc{position:relative;text-align:center;--csc-drop:clamp(5rem,14vh,9rem);border-top:1px solid var(--line);padding:calc(var(--csc-drop) + clamp(1.8rem,4vw,3rem)) 0 clamp(4rem,9vw,7rem)}.pg-case .csc:before{content:"";position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:var(--csc-drop);background:var(--signal);transform-origin:50% 0;pointer-events:none}.pg-case .csc:after{content:"";position:absolute;top:calc(var(--csc-drop) - 4px);left:50%;margin-left:-4px;width:8px;height:8px;background:var(--signal);pointer-events:none}.pg-case .csc-in{display:grid;justify-items:center}.pg-case .csc-mark{display:block;width:clamp(46px,4.6vw,68px);aspect-ratio:1}.pg-case .csc-mark svg{width:100%;height:100%;display:block}.pg-case .csc-mark polygon{fill:var(--color-text-primary)}.pg-case .csc-mark polygon:nth-child(3){fill:inherit}.pg-case .csc-h{margin:clamp(1.2rem,2.6vw,1.8rem) 0 0;font-size:var(--t-display-size);line-height:var(--t-display-lh);letter-spacing:var(--t-display-ls);font-weight:var(--t-display-w)}.pg-case .csc-h>.reveal-type{display:block}.pg-case .csc-h .dot{color:var(--signal)}.pg-case .csc-act{margin-top:clamp(1.6rem,3.4vw,2.4rem);display:flex;justify-content:center}.pg-case .csc-act .btn.btn-solid{padding:.78rem 1.5rem .82rem;font-size:1rem}.pg-case p.csc-meta{margin:clamp(1.4rem,3vw,2.2rem) 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35em .7em;font-size:.8rem;letter-spacing:.08em;color:var(--color-text-secondary);text-transform:none}.pg-case .csc-meta i{font-style:normal;opacity:.5}.pg-case .csc-meta a{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--signal);padding-block:.24rem;margin-block:0;display:inline-block;min-height:24px}.pg-case .csc-meta a:is(:hover,:focus-visible){text-decoration-color:currentColor}@media(max-width:899px){.pg-case p.csc-meta{flex-direction:column;align-items:center;gap:.15rem}.pg-case .csc-meta .csc-sep{display:none}.pg-case .csc-meta a{padding-block:.45rem;min-height:32px}}@media(max-width:599px){.pg-case .csc-act .btn.btn-solid{padding:.9rem 1.6rem .94rem}}html[data-mode=cinematic] .pg-case .csc[data-chapter]:before{transition:transform .9s var(--e-out)}html[data-mode=cinematic] .pg-case .csc[data-chapter]:after{transition:opacity .25s var(--e-std) .7s}html[data-mode=cinematic] .pg-case .csc[data-chapter]:not(.on):before{transform:scaleY(0)}html[data-mode=cinematic] .pg-case .csc[data-chapter]:not(.on):after{opacity:0;transition-delay:0s}html[data-mode=cinematic] .pg-case .csc[data-chapter] .csc-in>:not(.csc-h){transition:opacity .68s var(--e-std),translate .78s var(--e-out)}html[data-mode=cinematic] .pg-case .csc[data-chapter]:not(.on) .csc-in>:not(.csc-h){opacity:0;translate:0 14px}html[data-mode=cinematic] .pg-case .csc[data-chapter] .csc-in>.csc-mark{transition:opacity .76s var(--e-std) .35s,translate .78s var(--e-out) .35s,scale .9s var(--e-out) .35s}html[data-mode=cinematic] .pg-case .csc[data-chapter]:not(.on) .csc-in>.csc-mark{scale:.92;translate:none}html[data-mode=cinematic] .pg-case .csc[data-chapter].on .csc-in>.csc-act{transition-delay:.47s}html[data-mode=cinematic] .pg-case .csc[data-chapter].on .csc-in>.csc-meta{transition-delay:.53s}@media(prefers-reduced-motion:reduce){.pg-case .csc:before,.pg-case .csc:after,.pg-case .csc-in>*{transition:none!important;transform:none!important;opacity:1!important;translate:none!important;scale:1!important}}