.Tip-module__lklwuG__tipHost{position:relative}.Tip-module__lklwuG__tip{z-index:20;text-align:left;white-space:normal;pointer-events:none;opacity:0;background:#fff;border-radius:8px;width:max-content;max-width:280px;padding:8px 11px;font-weight:400;transition:opacity .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1);position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(3px);box-shadow:0 0 0 .7px #e3e3e3,0 10px 24px -10px #00000038}.Tip-module__lklwuG__end{left:auto;right:0}@media (hover:hover) and (pointer:fine){.Tip-module__lklwuG__tipHost:hover .Tip-module__lklwuG__tip{opacity:1;transition-delay:.12s;transform:none}}.Tip-module__lklwuG__tipHost:focus-visible .Tip-module__lklwuG__tip{opacity:1;transform:none}@media (max-width:1023px){.Tip-module__lklwuG__tip{display:none}}@media (prefers-reduced-motion:reduce){.Tip-module__lklwuG__tip{transition:none}}
.CaseBoard-module__1SPAMq__board{--gap:14px;--guide:#e4e4df;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;background-color:#f9f9f7;background-image:radial-gradient(circle at 1px 1px,#e2e2dc 1px,#0000 1.2px);background-position:7px 7px;background-size:16px 16px;gap:16px;padding:22px 20px 24px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.CaseBoard-module__1SPAMq__board::-webkit-scrollbar{display:none}.CaseBoard-module__1SPAMq__column{gap:var(--gap);scroll-snap-align:start;flex-direction:column;flex:0 0 min(76%,300px);display:flex;position:relative}.CaseBoard-module__1SPAMq__head{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.CaseBoard-module__1SPAMq__notes{flex-direction:column;gap:10px;display:flex}.CaseBoard-module__1SPAMq__note{--corner:13px;transform:rotate(var(--tilt));filter:drop-shadow(0 0 .5px #0000001a)drop-shadow(0 1px 1px #0000000a)drop-shadow(0 5px 6px #00000012);transition:transform .22s cubic-bezier(.16,1,.3,1),filter .22s cubic-bezier(.16,1,.3,1);position:relative}.CaseBoard-module__1SPAMq__paper{color:var(--ink);background-color:var(--tint);clip-path:polygon(0 0, calc(100% - var(--corner)) 0, 100% var(--corner), 100% 100%, 0 100%);background-image:linear-gradient(#fff6,#fff0 60%);border-radius:7px;padding:12px 13px 16px;display:block;position:relative}.CaseBoard-module__1SPAMq__paper:after{content:"";width:var(--corner);height:var(--corner);background:linear-gradient(to bottom left, transparent 50%, var(--fold) 50%);filter:drop-shadow(-.5px .75px .75px #00000014);border-bottom-left-radius:3px;position:absolute;top:0;right:0}.CaseBoard-module__1SPAMq__takeaway{border-top:1px dashed var(--guide);gap:7px;padding-top:12px;display:flex}.CaseBoard-module__1SPAMq__arrow{color:#a3a39c;flex:none;margin-top:3px}@media (min-width:1024px){.CaseBoard-module__1SPAMq__board{grid-template-columns:repeat(var(--columns,5), minmax(0, 1fr));scroll-snap-type:none;grid-template-rows:auto 1fr auto;gap:0 20px;padding:26px 22px 24px;display:grid;overflow:visible}.CaseBoard-module__1SPAMq__column{grid-row:span 3;grid-template-rows:subgrid;row-gap:16px;display:grid}.CaseBoard-module__1SPAMq__column+.CaseBoard-module__1SPAMq__column:before{content:"";border-left:1px dashed var(--guide);position:absolute;top:0;bottom:0;left:-10px}.CaseBoard-module__1SPAMq__takeaway{align-self:start}}@media (hover:hover) and (pointer:fine) and (min-width:1024px){.CaseBoard-module__1SPAMq__note:hover{z-index:1;filter:drop-shadow(0 0 .5px #0000001a)drop-shadow(0 2px 3px #0000000d)drop-shadow(0 10px 12px #0000001a);transform:rotate(0)scale(1.03)}}.CaseBoard-module__1SPAMq__board:not(.CaseBoard-module__1SPAMq__pinned) .CaseBoard-module__1SPAMq__note,.CaseBoard-module__1SPAMq__board:not(.CaseBoard-module__1SPAMq__pinned) .CaseBoard-module__1SPAMq__takeaway{opacity:0}.CaseBoard-module__1SPAMq__pinned .CaseBoard-module__1SPAMq__note{animation:.56s cubic-bezier(.34,1.36,.64,1) backwards CaseBoard-module__1SPAMq__pin;animation-delay:calc(var(--col) * 90ms + var(--row) * 70ms + 80ms)}.CaseBoard-module__1SPAMq__pinned .CaseBoard-module__1SPAMq__takeaway{animation:.42s cubic-bezier(.16,1,.3,1) backwards CaseBoard-module__1SPAMq__fade;animation-delay:calc(var(--col) * 90ms + .36s)}@keyframes CaseBoard-module__1SPAMq__pin{0%{opacity:0;transform:translateY(-10px) rotate(calc(var(--tilt) * -2.5)) scale(.96)}40%{opacity:1}}@keyframes CaseBoard-module__1SPAMq__fade{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.CaseBoard-module__1SPAMq__pinned .CaseBoard-module__1SPAMq__note,.CaseBoard-module__1SPAMq__pinned .CaseBoard-module__1SPAMq__takeaway{animation:none}.CaseBoard-module__1SPAMq__note,.CaseBoard-module__1SPAMq__column{transition:none}}
@media (min-width:1024px){.CaseTrace-module__pOflQW__row+.CaseTrace-module__pOflQW__row{border-top:1px dashed #e4e4df}}
.CasePreview-module__5Zf29q__veil{--gutter:24px;--sides:linear-gradient(to right, transparent, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent);top:30%;bottom:0;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));position:absolute}@media (min-width:768px){.CasePreview-module__5Zf29q__veil{--gutter:40px}}.CasePreview-module__5Zf29q__veil>span{-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.CasePreview-module__5Zf29q__veil>span:first-child{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 8%, #000 16%, transparent 28%), var(--sides);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, #000 8%, #000 16%, transparent 28%), var(--sides);mask-image:linear-gradient(to bottom, transparent 0%, #000 8%, #000 16%, transparent 28%), var(--sides)}.CasePreview-module__5Zf29q__veil>span:nth-child(2){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to bottom, transparent 8%, #000 16%, #000 28%, transparent 40%), var(--sides);-webkit-mask-image:linear-gradient(to bottom, transparent 8%, #000 16%, #000 28%, transparent 40%), var(--sides);mask-image:linear-gradient(to bottom, transparent 8%, #000 16%, #000 28%, transparent 40%), var(--sides)}.CasePreview-module__5Zf29q__veil>span:nth-child(3){-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(to bottom, transparent 16%, #000 28%, #000 40%, transparent 54%), var(--sides);-webkit-mask-image:linear-gradient(to bottom, transparent 16%, #000 28%, #000 40%, transparent 54%), var(--sides);mask-image:linear-gradient(to bottom, transparent 16%, #000 28%, #000 40%, transparent 54%), var(--sides)}.CasePreview-module__5Zf29q__veil>span:nth-child(4){-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-mask-image:linear-gradient(to bottom, transparent 28%, #000 40%), var(--sides);-webkit-mask-image:linear-gradient(to bottom, transparent 28%, #000 40%), var(--sides);mask-image:linear-gradient(to bottom, transparent 28%, #000 40%), var(--sides)}.CasePreview-module__5Zf29q__veil>span:nth-child(5){background:linear-gradient(to bottom, #fcfcfb00 34%, var(--color-pro-paper) 90%);-webkit-mask-image:none;mask-image:none}:is(.CasePreview-module__5Zf29q__still *,.CasePreview-module__5Zf29q__still :before,.CasePreview-module__5Zf29q__still :after){transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}