.ccl-blog h1,.ccl-blog h2{font-family:var(--f-display);letter-spacing:-.05em;font-size:7em;font-weight:800;line-height:.8}.ccl-blog h3{font-family:var(--f-display);font-size:3em;font-weight:800;line-height:.8}.ccl-blog .h2{font-size:4.5em;line-height:.9}.ccl-blog .text-large{font-size:1.75em;line-height:1.14}.ccl-blog .f-d{font-family:var(--f-display);letter-spacing:-.03em}.ccl-blog .text-grey{color:var(--grey)}.ccl-blog .is-brand{color:var(--brand)}.ccl-blog .subtitle{color:var(--grey);font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;font-size:.7em;line-height:1}.ccl-blog blockquote{font-size:1.5em;line-height:1.2}.ccl-blog .container{width:100%;max-width:63em;margin-inline:auto;padding-inline:1.25em}.ccl-blog .u-section{text-align:center;padding-block:10em}.ccl-blog .u-section+.u-section{padding-top:0}.ccl-blog .page{min-height:100vh;overflow-x:clip}.ccl-blog [data-text-reveal]{perspective:300px}.ccl-blog .word{white-space:nowrap;display:inline-block}.ccl-blog .word>span{transform-origin:50% 100%;will-change:transform;display:inline-block}.ccl-blog h1,.ccl-blog h2,.ccl-blog h3,.ccl-blog .f-d,.ccl-blog .display,.ccl-blog .section-title{word-spacing:.09em}.ccl-blog.has-motion [data-inview]:not(.--visible){opacity:0;transform:translateY(40px)}.ccl-blog [data-inview].--visible{transition:transform .84s var(--easeOut),opacity .84s var(--easeOut)}.ccl-blog .bcard{aspect-ratio:500/350;border-radius:var(--radius);flex-direction:column;justify-content:space-between;gap:2em;padding:2em;display:flex}.ccl-blog .bcard.is-dark{background:var(--base);color:var(--white)}.ccl-blog .bcard.is-light{background:var(--bg-d)}.ccl-blog .bcard.is-brand{background:var(--brand);color:var(--base)}.ccl-blog .bcard.is-dark .subtitle{color:#ffffff80}.ccl-blog .bcard.is-brand .subtitle{color:var(--base);opacity:.6}.ccl-blog .bcard h3.subtitle{font-weight:400}.ccl-blog .card_title{letter-spacing:-.04em;font-size:2.4em;font-weight:900;line-height:.95}.ccl-blog .card_desc{opacity:.7;max-width:26em;margin-top:.8em;line-height:1.25}.ccl-blog .headline{flex-direction:column;justify-content:center;align-items:center;gap:4em;margin-bottom:4em;display:flex}.ccl-blog [hidden]{display:none!important}.ccl-blog .founders_headline{text-align:left;align-items:flex-start}@media (width<=767px){.ccl-blog h1,.ccl-blog h2{font-size:3.6em}.ccl-blog .h2{font-size:36px}.ccl-blog .text-large{font-size:20px}.ccl-blog .subtitle{font-size:10px}.ccl-blog .container{max-width:480px;padding-inline:20px}.ccl-blog .u-section{padding-block:80px}.ccl-blog .headline{gap:30px;margin-bottom:60px}.ccl-blog .bcard{aspect-ratio:auto;min-height:220px;padding:24px}}.ccl-blog .page_hero{text-align:center;padding:11em 0 5em}.ccl-blog .page_hero .text-large{max-width:26em;margin:1.4em auto 0}.ccl-blog .filters{flex-wrap:wrap;justify-content:center;gap:.5em;margin-top:2.5em;display:flex}.ccl-blog .filter{background:var(--bg-d);font-family:var(--f-display);letter-spacing:-.02em;text-transform:uppercase;transition:background .42s var(--ease),color .42s var(--ease);border-radius:.5em;padding:.8em 1em .72em;font-size:.8125em;font-weight:800;line-height:.9}.ccl-blog .filter:hover{background:var(--bg-darker)}.ccl-blog .filter[aria-pressed=true]{background:var(--brand);color:var(--white)}.ccl-blog .articles_empty{color:var(--grey);text-align:center;margin:3em 0 0;font-size:1.15em}.ccl-blog .articles{text-align:left;grid-template-columns:repeat(3,1fr);gap:2.5em 16px;display:grid}.ccl-blog .article{flex-direction:column;min-width:0;display:flex}.ccl-blog .article_thumb{aspect-ratio:210/140;transition:transform .64s var(--ease);border-radius:.5em;position:relative;overflow:clip}.ccl-blog .article_content{flex-direction:column;gap:1em;padding:1.5em .75em .75em;display:flex}.ccl-blog .article_title{font-family:var(--f-text);letter-spacing:-.01em;font-size:1.5em;font-weight:500;line-height:1.15}.ccl-blog .article_infos{color:var(--grey);justify-content:space-between;align-items:center;gap:1em;font-size:.875em;display:flex}.ccl-blog .article_cat{background:var(--bg-d);color:var(--grey);font-family:var(--f-display);text-transform:uppercase;border-radius:.3em;padding:.7em .7em .6em;font-size:.93em;font-weight:800;line-height:.9}.ccl-blog .article.is-main{grid-column:1/-1;grid-template-columns:1.1fr 1fr;align-items:center;gap:2em;display:grid}.ccl-blog .article.is-main .article_thumb{aspect-ratio:630/340}.ccl-blog .article.is-main .article_title{letter-spacing:-.02em;font-size:2.6em;line-height:1.05}.ccl-blog .article.is-main .article_content{padding:0}@media (hover:hover){.ccl-blog .article:hover .article_thumb{transform:scale(.98)}}.ccl-blog .article_excerpt{color:var(--grey);margin:0;line-height:1.35}.ccl-blog .article.is-main .article_excerpt{max-width:26em;font-size:1.15em}.ccl-blog .article_author{align-items:center;gap:.7em;margin-top:.15em;display:flex}.ccl-blog .article_author_pic{aspect-ratio:1;color:#fff;width:2.9em;font-family:var(--f-display);letter-spacing:-.02em;background:linear-gradient(150deg,#4a3ac4,#2a1f86);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.82em;font-weight:700;display:flex;overflow:hidden}.ccl-blog .article_author_pic img{object-fit:cover;width:100%;height:100%;display:block}.ccl-blog .article_author_pic.is-cedric{background:#dfe3ea url(/__l5e/assets-v1/25bf72ed-de4a-4324-a1a8-71fc1bbcb370/cedric-terrier.webp) 50%/cover no-repeat}.ccl-blog .article_author_txt{min-width:0;line-height:1.2}.ccl-blog .article_author_name{color:var(--base);font-size:.9em;font-weight:600;display:block}.ccl-blog .article_author_role{color:var(--grey);font-size:.8em;display:block}.ccl-blog .cover{background-color:var(--bg-d);background-position:50%;background-size:cover}.ccl-blog .cover-1{background-image:url(/__l5e/assets-v1/22077de3-a65f-493b-abff-34d43b13e652/cover-1.webp)}.ccl-blog .cover-2{background-image:url(/__l5e/assets-v1/ac15749d-50e5-4c97-896f-c6eccf32ebe8/cover-2.webp)}.ccl-blog .cover-3{background-image:url(/__l5e/assets-v1/10a42961-b416-42b7-b49e-a43dc2941613/cover-3.webp)}.ccl-blog .cover-4{background-image:url(/__l5e/assets-v1/6598b07f-11dd-49f7-9661-a714d1ff96a0/cover-4.webp)}.ccl-blog .article_thumb .cover{transition:transform .64s var(--ease);position:absolute;inset:0}@media (hover:hover){.ccl-blog .article:hover .article_thumb .cover{transform:scale(1.1)}}@media (width<=767px){.ccl-blog .page_hero{padding:120px 0 48px}.ccl-blog .articles{grid-template-columns:1fr;gap:32px}.ccl-blog .article.is-main{align-items:stretch;gap:0;display:flex}.ccl-blog .article.is-main .article_content{padding:1.5em .75em .75em}.ccl-blog .article.is-main .article_title{font-size:1.8em}}.ccl-blog .footer{background:var(--theme-dark);color:var(--white);padding-bottom:4em;position:relative;overflow:hidden}.ccl-blog .section-wrap{width:min(1080px,100% - 150px);margin:0 auto}.ccl-blog .micro{font-family:var(--f-display);text-transform:uppercase;font-size:10px;font-weight:800;line-height:1;display:block}.ccl-blog .display{font-family:var(--f-display);letter-spacing:0;font-weight:800;line-height:.82}.ccl-blog .section-title{letter-spacing:-.045em;font-size:clamp(74px,11vw,185px);line-height:.84}.ccl-blog .footer_content{text-align:left;padding:144px 0 96px}.ccl-blog .footer-title{width:fit-content;margin:56px 0;position:relative}.ccl-blog .footer_sales{border-bottom:1px solid;align-items:center;gap:20px;padding-bottom:12px;font-size:36px;line-height:1.1;transition:opacity .3s;display:inline-flex}.ccl-blog .footer_sales svg{width:1em;height:1em}.ccl-blog .footer_sales:hover,.ccl-blog .footer_top button:hover{opacity:.7}.ccl-blog .footer_top{justify-content:flex-end;margin-top:112px;font-size:12px;display:flex}.ccl-blog .footer_top button{transition:opacity .3s}.ccl-blog .footer-doodle{pointer-events:none;width:1.3em;height:1.3em;margin-left:.2em;position:absolute;top:50%;left:100%;translate:0 -56%;rotate:11deg}.ccl-blog .footer-doodle svg{fill:none;stroke:currentColor;stroke-width:4.6px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50% 92%;width:100%;max-width:none;height:100%;display:block;overflow:visible}.ccl-blog .footer-doodle .is-accent{stroke:var(--brand)}.ccl-blog .footer-doodle path{stroke-dasharray:1 2;stroke-dashoffset:1.06px}.ccl-blog .footer-doodle.is-drawn path{animation:doodle-draw var(--dt) cubic-bezier(.5,.1,.3,1) var(--dd) forwards}.ccl-blog .footer-doodle.is-drawn svg{animation:.4s step-end 2.7s infinite fd-boil,3.4s ease-in-out 2.7s infinite fd-sway}.ccl-blog .footer-doodle.is-drawn .footer-doodle_fil{animation:doodle-draw var(--dt) cubic-bezier(.5,.1,.3,1) var(--dd) forwards,fd-flicker 2.6s linear 2.7s infinite}.ccl-blog .footer-doodle.is-drawn .footer-doodle_rays path{transform-box:fill-box;transform-origin:50%;animation:doodle-draw var(--dt) cubic-bezier(.5,.1,.3,1) var(--dd) forwards,fd-ray 1.5s ease-in-out calc(2.7s + var(--k) * .12s) infinite}@media (prefers-reduced-motion:reduce){.ccl-blog .footer-doodle path{stroke-dasharray:none;stroke-dashoffset:0}.ccl-blog .footer-doodle.is-drawn svg,.ccl-blog .footer-doodle.is-drawn path{animation:none!important}}.ccl-blog .footer-game-col{--card-line:#3a3836;--paper:#f3f1fa;--paper-dim:#c9c4dc;flex-direction:column;align-items:flex-start;gap:10px;margin-top:56px;display:flex}.ccl-blog .footer-game-col h4{font-family:var(--f-display);letter-spacing:.5px;text-transform:uppercase;color:var(--paper);font-size:13px;font-weight:800}.ccl-blog .ttt-board{grid-template-columns:repeat(3,1fr);display:grid}.ccl-blog .ttt-board--mini{width:120px;margin:8px 0 4px}.ccl-blog .ttt-cell{aspect-ratio:1;border:0;border-right:2px dashed var(--card-line);border-bottom:2px dashed var(--card-line);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:background .2s;display:flex}.ccl-blog .ttt-cell:nth-child(3n){border-right:none}.ccl-blog .ttt-cell:nth-child(n+7){border-bottom:none}.ccl-blog .ttt-cell:not(.filled):hover{background:#00aabb12}.ccl-blog .ttt-cell svg{opacity:0;width:50%;height:50%;transition:opacity .25s cubic-bezier(.34,1.56,.64,1),transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.4)}.ccl-blog .ttt-cell.filled svg{opacity:1;transform:scale(1)}.ccl-blog .ttt-board.won .ttt-cell:not(.win-cell) svg{opacity:.3}.ccl-blog .ttt-status{color:#ecfcfe;margin:10px 0 8px;font-size:12.5px;font-weight:600}.ccl-blog .ttt-status b{font-weight:800}.ccl-blog .ttt-reset{border:1px solid var(--card-line);color:var(--paper-dim);border-radius:14px;padding:5px 10px;font-size:11.5px;transition:color .3s,border-color .3s}.ccl-blog .ttt-reset:hover{color:#fff;border-color:#fff}.ccl-blog .copyright{color:var(--grey);text-align:center;padding:1.5em;font-size:.875em}@media (width<=700px){.ccl-blog .section-wrap{width:min(100% - 36px,520px)}.ccl-blog .section-title{font-size:clamp(64px,16vw,106px)}.ccl-blog .footer_content{padding:96px 0 72px}.ccl-blog .footer_sales{font-size:24px}.ccl-blog .footer-doodle{width:.9em;height:.9em;margin:0 .1em .02em 0;inset:auto 0 100% auto;translate:none;rotate:12deg}}html.book-cursor-on .scribble-cursor-root{opacity:0!important}.cursor_book{z-index:2147483001;aspect-ratio:1;pointer-events:none;width:6em;margin:-3em 0 0 -3em;position:fixed;top:0;left:0}.cursor_book_in{width:100%;height:100%;color:var(--base);filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff);opacity:0;justify-content:center;align-items:center;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .2s;display:flex;transform:scale(.3)rotate(-28deg)}.cursor_book svg{width:100%;max-width:none;height:100%;animation:.5s step-end infinite paused book-boil;display:block;overflow:visible}.cursor_book_ink{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.cursor_book_ink .is-thin{stroke-width:1.9px}.cursor_book_ink .is-brand{stroke:var(--brand)}.cursor_book_page{fill:none;transform-box:view-box;transform-origin:32px 35px;animation:1.7s cubic-bezier(.65,0,.35,1) infinite paused book-flip}@media (hover:hover) and (pointer:fine){html.book-cursor-on,html.book-cursor-on *{cursor:none!important}.has-bookcursor body[data-page=blog] .cursor_book.is-live .cursor_book_in{opacity:1;transform:scale(.82)rotate(-8deg)}.has-bookcursor body:has(.article:hover) .cursor_book.is-live .cursor_book_in{opacity:1;transform:scale(.82)rotate(-8deg)}.has-bookcursor body[data-page=blog]:has(:is(a,button):not(.article):hover) .cursor_book.is-live .cursor_book_in{transform:scale(.62)rotate(4deg)}.has-bookcursor body:has(.article:hover) .cursor_book.is-live .cursor_book_in{transform:scale(1)rotate(-8deg)}.has-bookcursor body:has(.article:active) .cursor_book.is-live .cursor_book_in{transform:scale(.88)rotate(-8deg)}.has-bookcursor body:has(.footer:hover) .cursor_book_in{color:#fff;filter:drop-shadow(2px 0 #171412)drop-shadow(-2px 0 #171412)drop-shadow(0 2px #171412)drop-shadow(0 -2px #171412)}.has-bookcursor body[data-page=blog] .cursor_book svg,.has-bookcursor body[data-page=blog] .cursor_book_page{animation-play-state:running}.has-bookcursor body:has(.article:hover) .cursor_book svg{animation-play-state:running}.has-bookcursor body:has(.article:hover) .cursor_book_page{animation-play-state:running}}@media (prefers-reduced-motion:reduce){.cursor_book svg,.cursor_book_page{animation:none}}@keyframes fd-boil{0%{filter:url(#fd-a)}50%{filter:url(#fd-b)}}@keyframes fd-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}@keyframes fd-flicker{0%,to{opacity:1}8%{opacity:.35}12%{opacity:1}55%{opacity:1}60%{opacity:.5}66%{opacity:1}}@keyframes fd-ray{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.55)}}@keyframes doodle-draw{0%{stroke-dashoffset:1px;opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes book-flip{0%,18%{transform:scaleX(1)}50%{transform:scaleX(.02)translateY(-3px)}82%,to{transform:scaleX(-1)}}@keyframes book-boil{0%{filter:url(#bk-a)}50%{filter:url(#bk-b)}}
