@charset "UTF-8";@font-face{font-family:Antonia;src:url(/fonts/Antonia-Variable.otf) format("opentype");font-style:normal}@font-face{font-family:DMSans;src:url(/fonts/DMSans-Variable.ttf);font-style:normal}.blog-list .meta,.blog .meta{display:flex;justify-content:left;align-items:center;gap:8px;margin:1rem 0}.blog-list .meta p,.blog .meta p{display:block;margin-top:.5rem;font-size:1.7rem;font-weight:500;color:#282828}.blog-list .meta p:last-of-type,.blog .meta p:last-of-type{opacity:.5}.blog .share-bar{display:flex;justify-content:center;align-items:center;gap:16px;width:80%;margin:12vh auto 6vh}.blog .share-bar hr{width:50%;background:#ececec;height:1px;border:none}.blog .share-bar a,.blog .share-bar button{background:#fafafa;border:none;border-radius:500px;aspect-ratio:1/1;padding:1.5rem;font-size:0;border:1px solid #eee;transition:.2s;cursor:pointer}.blog .share-bar a img,.blog .share-bar button img{width:22px;transition:.2s}.blog .share-bar a:hover,.blog .share-bar button:hover{background:#ff633e}.blog .share-bar a:hover img,.blog .share-bar button:hover img{filter:invert(1)}@media (max-width: 767px){.blog .share-bar a:nth-child(3){display:none}}.blog-list{max-width:1200px;margin:0 auto;width:100%;padding:0 24px}@media (min-width: 1025px){.blog-list{width:80%;padding:0}}.blog-list h1{font-size:2.5rem;margin-bottom:2rem;text-align:center}.blog-list ul{display:grid;grid-template-columns:1fr;gap:6rem;list-style:none;padding:5vh 0 0}@media (min-width: 1025px){.blog-list ul{padding-top:0;grid-template-columns:repeat(2,1fr)}}.blog-list ul li:hover .image img{transform:scale(1.05)}.blog-list ul li a{text-decoration:none;color:inherit;display:block}.blog-list ul li a .image{aspect-ratio:1/.65;border-radius:16px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.blog-list ul li a .image img{width:100%;object-fit:cover;transition:all .2s ease;transform-origin:center}.blog-list ul li a h3{margin:2.4rem 0 1rem;font-size:clamp(20px,1.8vw,32px);font-weight:450}.blog-list ul li a>p{font-size:2rem;color:#919191;font-weight:300;width:85%}.blog{padding:4rem 24px;margin:0 auto;font-family:"system-ui",sans-serif;font-size:2rem}.blog::selection{background:#ff633e;color:#fff}.blog .meta{display:flex;justify-content:center;align-items:center}.blog header{text-align:center;margin-bottom:2rem;margin-top:20vh}.blog header>img{width:100%;max-height:360px;object-fit:cover;border-radius:12px;margin-bottom:1rem}.blog header h1{font-size:clamp(50px,6vw,75px);margin:3rem auto 1rem;font-family:Antonia;font-variation-settings:"wght" 400,"opsz" 48}@media (min-width: 1025px){.blog header h1{width:60%}}.blog header>p{color:#666;margin:auto;line-height:155%}@media (min-width: 1025px){.blog header>p{width:40%}}.blog header small{color:#aaa;font-size:.9rem}.blog .blog-content{line-height:1.8;color:#333;max-width:760px;margin:10vh auto}.blog .blog-content h1,.blog .blog-content h2,.blog .blog-content h3,.blog .blog-content h4{margin-top:12rem;margin-bottom:2rem;line-height:1.3;font-weight:400;color:#0f0f0f;font-size:3.6rem}.blog .blog-content a{font-size:inherit;text-decoration:underline;display:inline-block;width:auto}.blog .blog-content a:hover{color:#ff633e}.blog .blog-content>p{margin:2rem 0;color:#444}.blog .blog-content ul,.blog .blog-content ol{margin:2rem 0;padding-left:3.5rem}.blog .blog-content ul.checklist li{list-style:none;position:relative;padding-left:2rem;margin-bottom:.75rem}.blog .blog-content ul.checklist li.checked:before{content:"✓";color:green;font-weight:700;position:absolute;left:0}.blog .blog-content ul.checklist li:before{content:"☐";position:absolute;left:0;color:#aaa}.blog .blog-content p.delimiter{color:#1d1d1d;text-align:center;margin:10vh 0;font-size:30px;letter-spacing:8px;opacity:1}.blog .blog-content blockquote{padding-left:1rem;font-style:italic;margin:4rem 0 5vh;padding:10vh 0 2rem 0;color:#0f0f0f;text-align:center}.blog .blog-content blockquote img{width:40px}.blog .blog-content blockquote p{margin-top:20px;font-size:3rem;font-family:Antonia;font-style:normal;opacity:1;line-height:125%}.blog .blog-content blockquote>footer{font-size:2rem;opacity:.6}.blog .blog-content pre{background:#f3f3f3;padding:2rem;overflow-x:auto;border-radius:6px;margin:2rem 0;font-family:monospace}.blog .blog-content pre code{background:#f1f1f1;border-radius:4px;font-size:1.8rem}.blog .blog-content figure{margin:5vh 0}@media (min-width: 1025px){.blog .blog-content figure{width:120%;margin:10vh 0 10vh -10%}}.blog .blog-content figure img{max-width:100%;border-radius:16px}.blog .blog-content figure figcaption{text-align:center;font-size:1rem;color:#888;margin-top:.5rem}.blog .blog-content .embed{margin:2rem 0}.blog .blog-content .embed iframe{width:100%;aspect-ratio:16/9;border-radius:16px;height:auto}.blog .blog-content .embed .caption{text-align:center;font-size:1rem;color:#666;margin-top:.5rem}.blog .blog-content table{width:100%;border-collapse:separate;border-spacing:0;margin:8vh 0;font-size:2rem;overflow:hidden;border-radius:16px;border:1px solid #eee;table-layout:fixed}.blog .blog-content table thead{background:#f7f7f7}.blog .blog-content table thead th{padding:1.8rem 3rem;text-align:left;font-weight:600;color:#333}.blog .blog-content table thead th:first-child{border-top-left-radius:16px}.blog .blog-content table thead th:last-child{border-top-right-radius:16px}.blog .blog-content table tbody tr{background:#fff}.blog .blog-content table tbody tr:nth-child(2n){background:#fcfcfc}.blog .blog-content table tbody tr td{padding:1rem 3rem;color:#444}.blog .blog-content table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.blog .blog-content table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}