.pnl__btn{display:flex;flex-direction:column;gap:14.8px;width:300px;max-width:100%;box-sizing:border-box;padding:18px;background:var(--paper);border:1.24px solid #c6c6c6;border-radius:3.7px;font:400 18px/1.2 var(--font-sans);color:var(--ink);text-align:left;cursor:pointer;transition:scale 50ms ease-out}@media(hover:hover){.pnl__btn:hover{scale:1.015}}.pnl__top{display:flex;gap:14.8px;justify-content:space-between;align-items:flex-start}.pnl__kicker{opacity:.6}.pnl__icon{width:22px;height:22px;flex:none;display:grid;place-items:center;opacity:.6}.pnl__face{display:none}.pnl.is-open .pnl__btn{visibility:hidden}.prose>.pnl{margin:1.5em 0}.pwin-scrim{position:fixed;inset:0;z-index:290;background:#00000026;opacity:0;pointer-events:none}.pwin-scrim.is-on{pointer-events:auto}.pwin{position:fixed;z-index:300;box-sizing:border-box;overflow:hidden;overscroll-behavior:contain;background:var(--paper);border:1.24px solid rgb(0 0 0 / .2);border-radius:3.7px;font:400 18px/1.2 var(--font-sans);color:var(--ink)}.pwin[hidden]{display:none}.pwin.is-settled{overflow:auto}.pwin__in{display:flex;flex-direction:column;gap:14.8px;padding:18px}.pwin__top{display:flex;gap:14.8px;justify-content:space-between;align-items:flex-start}.pwin__kicker{opacity:.6}.pwin__close{width:22px;height:22px;flex:none;display:grid;place-items:center;margin-left:auto;padding:0;border:0;background:none;color:var(--ink);opacity:.6;cursor:pointer}.pwin__media{flex:none;overflow:hidden;background:var(--placeholder)}.pwin__media[hidden]{display:none}.pwin__media>*,.pwin__media p{margin:0;width:100%;height:100%}.pwin__media img,.pwin__media video{display:block;width:100%;height:100%;object-fit:cover}.pwin__title{font:inherit;margin:0 0 1.2em}.pwin__text>*{margin:0}.pwin__text>*+*{margin-top:1em}html.pwin-locked{overflow:hidden;scrollbar-gutter:stable}html.pwin-locked body{overflow:visible}.sq{margin:2.5em 0 3em}.sq__box{position:relative}.sq__svg{display:block;width:100%;height:auto;overflow:visible}.sq__svg path{fill:none;stroke:#0003;stroke-linecap:round;stroke-linejoin:round}.sq:not([data-ready]) .sq__svg{display:none}.sq:not([data-ready]) .sq__box>.pnl{margin:0 0 12px}.sq[data-ready] .sq__box>.pnl{position:absolute;z-index:1}.sq__end{display:flex;align-items:center;gap:10px;font:400 17px/1.2 var(--font-sans);color:#000;white-space:nowrap}.sq__end:before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:#000}.sq[data-ready] .sq__end{position:absolute;transform:translate(-8px,-50%)}.sq[data-o=v] .sq__end{white-space:normal}.sq[data-o=h] .sq__end{font-size:20px;gap:12px}.sq[data-o=h] .sq__end:not(.sq__end--last){flex-direction:row-reverse;transform:translate(calc(-100% + 8px),-50%)}.sq[data-ready] .pnl{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}.sq[data-ready] .pnl.in{opacity:1;transform:none}.sq[data-ready] .sq__end{opacity:0;transition:opacity .3s ease}.sq[data-ready] .sq__end:before{transform:scale(.3);transition:transform .4s cubic-bezier(.16,1,.3,1)}.sq[data-ready] .sq__end.in{opacity:1}.sq[data-ready] .sq__end.in:before{transform:none}.ins{--img-max: 663px;--copy-ratio: .748;--head-gap: 24px;--rise-img: 40px;--rise-copy: 59px;--rise-bubble: 112px;--w: .09;--swap-ease-in: ease-out;--swap-ease-out: ease-in;--exit-len: 70svh;--exit-overlap: 75svh;--exit-rise: 164px;--exit-fade: 1;--exit-ease: cubic-bezier(.22, 1, .36, 1);--enter-len: 70svh;--enter-overlap: 75svh;--enter-rise: 164px;--enter-fade: 1;--enter-ease: cubic-bezier(.22, 1, .36, 1);--bubble-rise: 6px;--bubble-in: .4s;--bubble-out: .15s;--bubble-move: .5s;--bubble-ease: cubic-bezier(.16, 1, .3, 1);margin:2.5em 0 3em}@media(max-width:767px){.ins{--enter-rise: 0px;--exit-rise: 0px}}@media(min-width:768px){.ins{--enter-overlap: 21svh}}.ins__head>:first-child{margin-top:0}.ins__head{margin-bottom:var(--head-gap)}.prose .ins .ins__pic img,.prose .ins .ins__pic video{display:block;width:100%;height:100%;object-fit:cover;background:none}.prose .ins .ins__pic p{margin:0;height:100%}.ins__desc{display:flex;gap:30px;justify-content:space-between;align-items:flex-start;padding:16px;box-sizing:border-box;background:#f5f5f5;border-radius:1px;font:400 18px/1.2 var(--font-sans);color:var(--ink)}.ins__title{display:block;opacity:.6}.prose .ins .ins__text>p{margin:0}.prose .ins .ins__text>p+p{margin-top:.6em}.ins__count{flex:none;color:#0009}.ins__bubbles>.pnl{position:absolute;opacity:0;pointer-events:none;transform:translateY(var(--bubble-rise));transition:opacity var(--bubble-out) ease,transform var(--bubble-move) var(--bubble-ease)}.ins__bubbles>.pnl.in{opacity:1;pointer-events:auto;transform:none;transition:opacity var(--bubble-in) ease,transform var(--bubble-move) var(--bubble-ease)}.ins__bubbles .pnl__btn{white-space:normal}@media(max-width:767px){.ins__bubbles .pnl__btn{flex-direction:row;align-items:center;gap:6px;width:auto;padding:6px 11px 6px 10px;white-space:nowrap;border:1.375px solid rgb(0 0 0 / .2);border-radius:2px 8px 8px;font-size:16px}.ins__bubbles .pnl.flip .pnl__btn{border-radius:8px 2px 8px 8px}.ins__bubbles .pnl__top{display:none}.ins__bubbles .pnl__face{display:grid;place-items:center;width:20px;height:20px;font-size:20px;opacity:.6}.ins__bubbles .pnl__title{opacity:.6}}.ins:not([data-pinned]) .ins__step{position:relative;width:min(100%,var(--img-max));margin-bottom:40px}.ins:not([data-pinned]) .ins__frame{position:relative;aspect-ratio:1}.ins:not([data-pinned]) :is(.ins__pic,.ins__bubbles){position:absolute;inset:0}.ins:not([data-pinned]) .ins__copy{position:absolute;left:0;bottom:0;width:calc(100% * var(--copy-ratio))}@media(max-width:767px){.ins:not([data-pinned]) .ins__copy{position:relative;margin-top:12px}}.ins[data-pinned] .ins__pin{position:relative;height:calc(var(--enter-len) + var(--n) * 100svh + var(--exit-len));margin-top:calc(-1 * var(--enter-overlap));margin-bottom:calc(-1 * var(--exit-overlap));view-timeline-name:--pin}.ins[data-pinned] .ins__vp{position:sticky;top:0;height:100svh;box-sizing:border-box;padding:24px 0;container-type:size;display:grid;grid-template:1fr auto 1fr / minmax(0,1fr);pointer-events:none;animation-name:ins-enter,ins-exit;animation-fill-mode:both,forwards;animation-timing-function:var(--enter-ease),var(--exit-ease);animation-timeline:--pin,--pin;animation-range:contain 0% contain var(--enter-len),contain calc(var(--enter-len) + (var(--n) - 1) * 100svh) contain 100%}.ins[data-pinned] .ins__head{grid-row:1;align-self:end;padding-top:max(8px,calc(var(--ah-bar-h, 0px) - 12px))}.ins[data-pinned] .ins__stage{--s: min(100cqw, var(--img-max), 100cqh - 2 * var(--head-h, 150px));grid-row:2;position:relative;height:var(--s)}.ins[data-pinned] .ins__step{position:absolute;inset:0;pointer-events:none}.ins[data-pinned] .ins__frame{position:absolute;left:0;top:0;width:var(--s);aspect-ratio:1}.ins[data-pinned] :is(.ins__pic,.ins__bubbles){position:absolute;inset:0}.ins[data-pinned] .ins__bubbles{z-index:2}.ins[data-pinned] .ins__copy{position:absolute;left:0;bottom:0;z-index:1;width:calc(var(--s) * var(--copy-ratio));height:var(--copy-h, 98px)}.ins[data-pinned] .ins__desc{position:absolute;inset:0}@media(max-width:767px){.ins[data-pinned] .ins__stage{--s: min(100cqw, var(--img-max), 100cqh - var(--head-h, 150px) - var(--copy-h, 98px) - 12px);height:calc(var(--s) + 12px + var(--copy-h, 98px))}.ins[data-pinned] :is(.ins__frame,.ins__copy){right:0;margin:0 auto}.ins[data-pinned] .ins__copy{width:min(100cqw,var(--img-max))}}.ins__mark{position:absolute;left:0;top:calc(var(--enter-len) + var(--i) * 100svh);width:1px;height:1px;pointer-events:none;scroll-snap-align:start}html:has(.ins[data-snapping=on]){scroll-snap-type:y mandatory}.ins[data-pinned] .ins__pic{--rise: var(--rise-img)}.ins[data-pinned] .ins__desc{--rise: var(--rise-copy)}.ins[data-pinned] .ins__bubbles{--rise: var(--rise-bubble)}.ins[data-pinned] :is(.ins__pic,.ins__desc,.ins__bubbles){--at: calc(var(--enter-len) + var(--i) * 100svh);animation-name:ins-rise-in,ins-rise-out;animation-fill-mode:both,forwards;animation-timing-function:var(--swap-ease-in),var(--swap-ease-out);animation-timeline:--pin,--pin;animation-range:contain calc(var(--at) - 50svh) contain calc(var(--at) - 50svh + var(--w) * 100svh),contain calc(var(--at) + 50svh - var(--w) * 100svh) contain calc(var(--at) + 50svh)}.ins[data-pinned] .ins__step:first-child :is(.ins__pic,.ins__desc,.ins__bubbles){animation-name:none,ins-rise-out}.ins[data-pinned] .ins__step:last-child :is(.ins__pic,.ins__desc,.ins__bubbles){animation-name:ins-rise-in,none}@keyframes ins-rise-in{0%{opacity:0;transform:translateY(var(--rise))}to{opacity:1;transform:none}}@keyframes ins-rise-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(-1 * var(--rise)))}}@keyframes ins-enter{0%{opacity:calc(1 - var(--enter-fade));transform:translateY(var(--enter-rise))}}@keyframes ins-exit{to{opacity:calc(1 - var(--exit-fade));transform:translateY(calc(-1 * var(--exit-rise)))}}.sol{--text-x: var(--grid-x);--block: min(82vw, calc(100svh - 24rem) );--gap: 10px;--rise-row: 40px;--rise-head: 59px;--w: .09;--exit-len: 70svh;--exit-overlap: 75svh;--exit-rise: 164px;--exit-fade: 1;--exit-ease: cubic-bezier(.22, 1, .36, 1);--enter-len: 70svh;--enter-overlap: 75svh;--enter-rise: 164px;--enter-fade: 1;--enter-ease: cubic-bezier(.22, 1, .36, 1);margin:2.5em 0 3em}@media(max-width:767px){.sol{--enter-rise: 0px;--exit-rise: 0px}}@media(min-width:768px){.sol{--enter-overlap: 21svh}}@media(min-width:768px){.sol{--text-x: calc(var(--grid-x) + 2 * var(--col-step));--block: min(calc(6 * var(--col) + 5 * var(--grid-gutter)), calc(100svh - 22rem) )}}@media(min-width:1440px){.sol{--text-x: calc(var(--grid-x) + 3 * var(--col-step));--block: min(calc(5 * var(--col) + 4 * var(--grid-gutter)), calc(100svh - 22rem) )}}.sol__head>:first-child{margin-top:0}.sol__head{margin-bottom:28px}.sol:not([data-pinned]) .sol__step+.sol__step{margin-top:4em}.sol__row{display:flex;gap:var(--gap);margin-left:calc(-1 * var(--text-x));width:var(--grid-vw);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--text-x);scrollbar-width:none}.sol__row::-webkit-scrollbar{display:none}.sol__row:after{content:"";flex:0 0 max(0px,calc(var(--grid-vw) - var(--text-x) - var(--block) - var(--gap)))}.sol__row[data-dragging]{scroll-snap-type:none;cursor:grabbing;user-select:none}@media(hover:hover)and (pointer:fine){.sol__row{cursor:grab}}.sol__row:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sol .sol__row>.sol__block{flex:0 0 var(--block);margin:0;scroll-snap-align:start;scroll-snap-stop:always}.sol .sol__row>.sol__block:first-child{margin-left:var(--text-x)}.sol .sol__media{width:var(--block);aspect-ratio:1;overflow:hidden;border-radius:var(--radius-xs);background:var(--placeholder)}.prose .sol .sol__media>p{margin:0;height:100%}.prose .sol .sol__media :is(img,video){width:100%;height:100%;object-fit:cover;display:block;border-radius:0;pointer-events:none}.sol .sol__block>.sol__cap{position:sticky;left:var(--grid-x);right:var(--grid-x);width:fit-content;max-width:min(100%,max(21em,calc(var(--text-x) - var(--gap) - var(--grid-x))));margin-top:.75rem;color:var(--ink);font-family:var(--font-sans);font-weight:var(--weight-book);font-size:var(--text-subhead-size);line-height:1.35}@media(max-width:767px){.sol .sol__block>.sol__cap{max-width:100%}}.prose .sol .sol__cap>p{margin:0}.prose .sol .sol__cap>p+p{margin-top:.6em}.sol[data-pinned] .sol__pin{position:relative;height:calc(var(--enter-len) + var(--n) * 100svh + var(--exit-len));margin-top:calc(-1 * var(--enter-overlap));margin-bottom:calc(-1 * var(--exit-overlap));view-timeline-name:--sol-pin}.sol[data-pinned] .sol__vp{position:sticky;top:0;height:100svh;box-sizing:border-box;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);overflow-y:clip;padding:max(32px,calc(var(--ah-bar-h, 0px) + 12px)) 0 24px;pointer-events:none;animation-name:ins-enter,ins-exit;animation-fill-mode:both,forwards;animation-timing-function:var(--enter-ease),var(--exit-ease);animation-timeline:--sol-pin,--sol-pin;animation-range:contain 0% contain var(--enter-len),contain calc(var(--enter-len) + (var(--n) - 1) * 100svh) contain 100%}.sol[data-pinned] .sol__step{grid-area:1 / 1;pointer-events:none}.sol[data-pinned] .sol__step[data-active]{pointer-events:auto}.sol__mark{position:absolute;left:0;top:calc(var(--enter-len) + var(--i) * 100svh);width:1px;height:1px;pointer-events:none;scroll-snap-align:start}html:has(.sol[data-snapping=on]){scroll-snap-type:y mandatory}.sol[data-pinned] .sol__head{--rise: var(--rise-head)}.sol[data-pinned] .sol__rise{--rise: var(--rise-row)}.sol[data-pinned] :is(.sol__head,.sol__rise){--at: calc(var(--enter-len) + var(--i) * 100svh);animation-name:ins-rise-in,ins-rise-out;animation-fill-mode:both,forwards;animation-timing-function:ease-out,ease-in;animation-timeline:--sol-pin,--sol-pin;animation-range:contain calc(var(--at) - 50svh) contain calc(var(--at) - 50svh + var(--w) * 100svh),contain calc(var(--at) + 50svh - var(--w) * 100svh) contain calc(var(--at) + 50svh)}.sol[data-pinned] .sol__step:first-child :is(.sol__head,.sol__rise){animation-name:none,ins-rise-out}.sol[data-pinned] .sol__step:last-child :is(.sol__head,.sol__rise){animation-name:ins-rise-in,none}
