.jc{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);-moz-column-gap:calc(var(--gutter) * 2);column-gap:calc(var(--gutter) * 2);margin-top:var(--s-8)}.jc-label{margin:0 0 var(--s-1)}.jc-view{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr);gap:var(--gutter);align-items:start}.jc-ref img,.jc-ref picture{display:block;width:100%;aspect-ratio:276/600;-o-object-fit:cover;object-fit:cover}.jc-made,.jc-ref{margin:0}.jc-made figcaption,.jc-ref figcaption{margin-top:var(--s-1)}.jc-shot{position:relative;overflow:hidden;aspect-ratio:2/3;background:var(--frame);transform-origin:50% 50%;backface-visibility:hidden}.jc-shot img,.jc-shot picture{display:block;width:100%;height:100%}.jc-shot img{-o-object-fit:cover;object-fit:cover}.jc-shot:after{content:"";border:1px solid var(--ink)}.jc-callouts,.jc-roam,.jc-shot:after{position:absolute;inset:0;pointer-events:none}.jc-callout,.jc-corner{position:absolute}.jc-corner{width:10px;height:10px;border:0 solid var(--ink)}.jc-callout .jc-tl{left:0;top:0;border-width:1px 0 0 1px}.jc-callout .jc-tr{right:0;top:0;border-width:1px 1px 0 0}.jc-callout .jc-bl{left:0;bottom:0;border-width:0 0 1px 1px}.jc-callout .jc-br{right:0;bottom:0;border-width:0 1px 1px 0}.jc-roam{opacity:0}.jc:not([data-state=run]) .jc-roam{display:none}.jc-roam .jc-corner,.jc-tags{left:0;top:0}.jc-roam .jc-tl{border-width:1px 0 0 1px}.jc-roam .jc-tr{margin-left:-10px;border-width:1px 1px 0 0}.jc-roam .jc-bl{margin-top:-10px;border-width:0 0 1px 1px}.jc-roam .jc-br{margin:-10px 0 0 -10px;border-width:0 1px 1px 0}.jc-tag,.jc-tags{position:absolute}.jc-tag{padding:3px 4px 2px;background:var(--ink);color:var(--white);font:500 10px/1 var(--mono);letter-spacing:.04em;white-space:nowrap}.jc-callout .jc-tag-tl,.jc-tags .jc-tag{left:3px;top:3px}.jc-callout .jc-tag-tr{right:3px;top:3px}.jc-callout .jc-tag-bl{left:3px;bottom:3px}.jc-tags .jc-tag{opacity:0}.jc-sheet{display:flex;flex-direction:column;min-width:0}.jc-head{display:flex;justify-content:space-between;margin:0;padding-bottom:6px}.jc-head,.jc-scroll{border-bottom:1px solid var(--ink)}.jc-scroll{position:relative;flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ink) transparent}.jc-scroll:focus-visible{outline-offset:-2px}.jc-list,.jc-list ul{margin:0;padding:0;list-style:none}.jc-list{padding-bottom:var(--s-2)}.jc-group-label{display:grid;grid-template-columns:3.6em minmax(0,1fr);-moz-column-gap:12px;column-gap:12px;align-items:baseline;margin:20px 0 4px;font:italic 400 20px/1.2 var(--display)}.jc-group:first-child .jc-group-label{margin-top:14px}.jc-code{font:500 11px/1 var(--mono);font-style:normal;letter-spacing:.04em;font-variant-numeric:tabular-nums}.jc-li{display:grid;grid-template-columns:3.6em minmax(0,1fr) 14px;-moz-column-gap:12px;column-gap:12px;align-items:center;padding:5px 0 4px;border-bottom:1px solid var(--frame)}.jc-item{font:400 15px/1.35 var(--display);font-optical-sizing:auto}.jc-mark{position:relative;display:block;width:14px;height:14px;overflow:hidden}.jc-tick{display:block;color:var(--red)}.jc-cover{position:absolute;inset:0;background:var(--paper);transform:translate3d(101%,0,0)}.jc-last{margin:var(--s-2) 0 0;font-size:var(--t-body);line-height:1.45}.jc[data-state=armed] :is(.jc-label,.jc-ref,.jc-made figcaption,.jc-shot,.jc-head,.jc-scroll,.jc-group-label,.jc-li,.jc-callouts,.jc-last){opacity:0}@media (max-width:760px){.jc{grid-template-columns:minmax(0,1fr);row-gap:var(--s-3);margin-top:var(--s-6)}.jc-view{grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:12px}.jc-scroll{flex:none;height:420px}.jc-corner{width:7px;height:7px}.jc-roam .jc-tr{margin-left:-7px}.jc-roam .jc-bl{margin-top:-7px}.jc-roam .jc-br{margin:-7px 0 0 -7px}.jc-tag{padding:2px 3px 1px;font-size:9px}.jc-group-label,.jc-li{grid-template-columns:3em minmax(0,1fr) 14px;-moz-column-gap:10px;column-gap:10px}.jc-group-label{grid-template-columns:3em minmax(0,1fr);font-size:18px}.jc-item{font-size:14.5px}}.jr{position:relative;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,9fr);-moz-column-gap:calc(var(--gutter) * 2);column-gap:calc(var(--gutter) * 2);align-items:end;margin-top:var(--s-8)}.jr figure{margin:0}.jr figcaption{margin:0 0 var(--s-1)}.jr-send{max-width:300px}.jr-make{position:relative;z-index:1}.jr-phone .dv-screen img{-o-object-position:50% 50%;object-position:50% 50%}.jr-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);margin:0;padding:0;list-style:none}.jr-piece{position:relative;overflow:hidden;background:var(--frame);transform-origin:50% 50%;backface-visibility:hidden}.jr-product{grid-column:span 4;aspect-ratio:2/3}.jr-campaign{grid-column:span 3;aspect-ratio:2/3}.jr-piece img,.jr-piece picture{display:block;width:100%;height:100%}.jr-loop,.jr-piece img{-o-object-fit:cover;object-fit:cover}.jr-loop{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s var(--ease-house)}.jr-loop.on{opacity:1}.jr-piece:after{content:"";position:absolute;inset:0;border:1px solid var(--ink);pointer-events:none}.jr[data-phase=armed] .jr-make-label,.jr[data-phase=armed] .jr-piece{opacity:0}.jr-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:var(--s-2);min-height:44px;margin-top:var(--s-1)}.jr-replay{display:grid;place-items:center;flex:none;width:44px;height:44px;margin-right:-14px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;opacity:.55;transition:opacity .24s var(--ease-house)}.jr-replay:focus-visible,.jr-replay:hover{opacity:1}.jr-replay:focus-visible{outline:2px solid var(--red);outline-offset:3px}@media (max-width:760px){.jr{grid-template-columns:1fr;row-gap:var(--s-5)}.jr-send{width:40%;max-width:200px}.jr-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.jr-product{grid-column:span 2}.jr-campaign{grid-column:span 3}}