.creator-outputs{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.creator-output{background:var(--paper);flex-direction:column;display:flex}.creator-output__media{aspect-ratio:5/4;border-bottom:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.creator-output__media img,.creator-output__media video{object-fit:cover;width:100%;height:100%;display:block}.creator-output__body{flex-direction:column;flex:1;gap:12px;padding:clamp(22px,2.4vw,36px);display:flex}.creator-output__label{color:var(--ink-3)}.creator-output__title{font-size:var(--t-h3);letter-spacing:-.02em;text-wrap:balance;font-weight:500;line-height:1.2}.creator-output__text{color:var(--ink-2);margin:0;font-size:.9875rem;line-height:1.6}.creator-output__link{align-self:flex-start;margin-top:auto;padding-top:8px}.creator-packshots{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:0 4%;height:100%;padding:3% 8%;display:grid}.creator-packshots img{object-fit:contain;min-height:0}.creator-output__media--turntable video{object-fit:contain;padding:4% 0}.creator-ratios{background:var(--paper-2);grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;align-items:end;gap:clamp(8px,1.2vw,14px);height:100%;margin:0;padding:0 7%;list-style:none;display:grid}.creator-ratios li{flex-direction:column;gap:10px;min-width:0;display:flex}.creator-ratios__frame{aspect-ratio:var(--r);background:#fff;border-radius:6px;display:block;overflow:hidden;box-shadow:0 0 0 1px #13204224}.creator-ratios__frame img{object-position:50% 50%}.creator-ratios .mono{color:var(--ink-3);text-align:center;font-size:.6875rem}.creator-output--deep{background:var(--deep);color:#ffffffc7}.creator-output--deep .creator-output__media{border-bottom-color:#ffffff1f}.creator-output--deep .creator-output__body{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:48px 48px;min-height:320px}.creator-output--deep .creator-output__label{color:#ffffff8c;margin-bottom:auto;padding-bottom:24px}.creator-output--deep .creator-output__title{color:#fff}.creator-output--deep .creator-output__text{color:#ffffffb8}.creator-output--deep .creator-output__link{color:#fff;border-color:#ffffff4d;margin-top:8px}.creator-output--deep .creator-output__link:hover{border-color:var(--neon)}@media (width<=1024px){.creator-outputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.creator-outputs{grid-template-columns:minmax(0,1fr)}}.compare{aspect-ratio:16/8;border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;touch-action:pan-y;--x:50%;background:var(--paper-2);position:relative;overflow:hidden}.compare__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.compare__after{clip-path:inset(0 0 0 var(--x))}.compare__before,.compare__after{object-position:center 58%}.compare__handle{top:0;bottom:0;left:var(--x);background:var(--navy);z-index:5;width:1px;position:absolute}.compare__knob{background:var(--neon);width:52px;height:52px;box-shadow:0 0 0 1px var(--navy), 0 10px 30px #1320422e;cursor:ew-resize;border:0;border-radius:50%;place-items:center;margin:-26px 0 0 -26px;padding:0;display:grid;position:absolute;top:50%;left:50%}.compare__knob svg{width:22px;height:22px}@media (prefers-reduced-motion:no-preference){.compare__knob{animation:2.2s ease-in-out infinite compare-breathe}.compare__knob:before{content:"";border:2px solid var(--neon);pointer-events:none;border-radius:50%;animation:2.2s ease-out infinite compare-ring;position:absolute;inset:0}.compare__knob svg{animation:2.2s ease-in-out infinite compare-nudge}.compare__handle{animation:2.2s ease-in-out infinite compare-glow}.compare.is-dragging .compare__knob,.compare.is-dragging .compare__knob:before,.compare.is-dragging .compare__knob svg,.compare.is-dragging .compare__handle{animation:none}.compare.is-dragging .compare__knob{transform:scale(1.12)}}@keyframes compare-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes compare-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes compare-nudge{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes compare-glow{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 14px 2px var(--neon)}}.compare .note--l{top:20px;left:20px}.compare .note--r{top:20px;right:20px}.scenes{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);margin-top:clamp(12px,1.6vw,24px);display:grid}.scene{margin:0}.scene .media{aspect-ratio:4/5}.scene figcaption{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin-top:14px;display:grid}.scene figcaption .mono{color:var(--ink-3)}.scene figcaption strong{color:var(--ink);font-weight:500}.scene figcaption em{font-style:normal;font-family:var(--f-mono);letter-spacing:.02em;color:var(--ink-3);grid-column:1/-1;font-size:.6875rem}@media (width<=860px){.scenes{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scroll-padding-inline:var(--pad);grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;overflow-x:auto}.scene{scroll-snap-align:start}.compare{aspect-ratio:4/4.6}.compare .note--r{top:auto;bottom:20px}}@media (width>=641px) and (width<=860px){.scenes{grid-auto-columns:46%}}.creator-block{margin-top:clamp(56px,6vw,104px)}.creator-hero-media .pg-media__frame{background:#fff}.creator-aside{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,2fr) minmax(0,7fr);align-items:baseline;gap:12px clamp(16px,2.4vw,40px);margin-top:clamp(40px,4vw,64px);padding:clamp(18px,1.8vw,26px) 0;display:grid}.creator-aside>.mono{color:var(--ink-3);align-items:center;gap:8px;display:inline-flex}.creator-aside p{max-width:72ch;color:var(--ink-2);margin:0;line-height:1.6}@media (width<=860px){.creator-aside{grid-template-columns:minmax(0,1fr)}}.creator-table .pg-table-wrap{background:var(--paper)}.creator-onwhite .pg-media__frame,.creator-video .pg-media__frame{background:#fff}.creator-video video{object-fit:contain;max-height:640px}@media (width>=861px){.creator-case .pg-case{flex-direction:row}.creator-case .pg-case__media{aspect-ratio:16/9;flex:0 0 50%}.creator-case .pg-case__body{justify-content:center;padding:clamp(28px,3.2vw,56px)}.creator-case .pg-case__body p{max-width:44ch}.creator-case .pg-case__go{margin-top:0}}