@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,500&family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap");@keyframes gradient{0%{background-color:#ffb6c165}50%{background-color:#ffa6004f}to{background-color:#87ceeb}}*{outline:none}*,html{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}img{max-width:100%}body{background-color:#fff;display:flex;font-size:16px;font-family:Inter,sans-serif;justify-content:center;align-items:center;flex-direction:column;width:100%;font-weight:400;height:100%;border-color:transparent;padding:0;margin:0}@media screen and (max-width:768px){body{padding:0}}.blog{animation:gradient 12s ease infinite alternate;max-width:100%;max-height:100%;display:grid;height:100vh;overflow:hidden;grid-template-columns:15% 18% 27% 30%;grid-template-rows:100%;width:100vw;padding:2em;position:relative}@media screen and (max-width:1030px){.blog{grid-template-columns:20% 50% 30%}}@media screen and (max-width:768px){.blog{grid-template-columns:25% 75%;width:100%;max-width:none}}@media screen and (max-width:560px){.blog{grid-template-columns:100%}}.blog-part{padding:0 20px}.blog-part:not(:last-child){border-right:1px solid #94918f}.blog-menu{font-size:22px;text-decoration:none;color:#161419;display:flex;letter-spacing:-.5px;align-items:center}@media screen and (max-width:1260px){.blog-menu{font-size:1.6vw}}.blog-menu svg{width:1rem;margin-left:4px}.blog-menu+.blog-menu{margin-top:1.5rem}.blog-menu.mention{margin-top:auto;font-size:1rem;justify-content:start}@media screen and (max-width:1260px){.blog-menu.mention{font-size:1.4vw}}.blog-menu.subscribe{margin-top:8px;font-size:1rem;justify-content:start}@media screen and (max-width:1260px){.blog-menu.subscribe{font-size:1.4vw}}.blog-menu.subscribe:before{content:"";width:1rem;height:1rem;background-color:#000;left:0;border-radius:1px}.blog-menu.rounded:before{content:"";border-radius:50%;width:1rem;height:1rem;background-color:#ff0;margin-right:1rem}.blog .is-menu{display:flex;flex-direction:column}@media screen and (max-width:1030px){.blog .is-menu{display:none}}.blog-big__title{font-size:6rem;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.25rem;line-height:1;margin-bottom:.5rem}@media screen and (max-width:1400px){.blog-big__title{font-size:5rem}}@media screen and (max-width:1260px){.blog-big__title{font-size:9vw;letter-spacing:-2px}}@media screen and (max-width:560px){.blog-big__title{font-size:36px;margin-bottom:12px}}.blog-header{display:flex;flex-direction:column}.blog-article{padding:0 20px}.blog-article img{height:260px;max-height:22vh;width:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(1)}.page-number{display:flex;flex-direction:column;justify-content:flex-end;height:100%;font-size:72px;text-align:center;letter-spacing:-3px;font-weight:lighter;font-family:Space Grotesk,sans-serif;border-right:1px solid #94918f;white-space:nowrap}@media screen and (max-width:1260px){.page-number{font-size:5vw}}.small-title{font-family:Playfair Display,serif;border-bottom:1px solid #94918f;margin-bottom:20px;padding-bottom:20px}@media screen and (max-width:560px){.small-title{font-size:14px;position:absolute;top:10px;right:24px;border-bottom:0}}.date{display:flex;justify-content:flex-end}.blog-article h2{font-size:26px;font-weight:500;line-height:1.2;margin:8px 0}.blog-article h2 span{font-family:Playfair Display,serif}.blog-article p{line-height:1.5;margin:14px 0}.blog-article a{color:#161419;text-decoration:none;font-size:26px;letter-spacing:-1px;display:flex;justify-content:flex-end;align-items:center;margin-top:auto;border-top:1px solid #94918f;padding-top:14px}.blog-article a svg{width:26px;margin-right:10px}.blog-detail{display:flex;align-items:center;justify-content:space-between;font-size:14px}.blog-detail span{font-family:Playfair Display,serif;font-size:1.5rem}.blog-header-container{overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column;scroll-snap-type:y mandatory;border-right:1px solid #94918f}@media screen and (max-width:768px){.blog-header-container{border-right:0}}.blog-header-container>*{flex-shrink:0;min-height:100%;scroll-snap-align:start}.blog-header-container .blog-article:not(.header-article){flex-grow:1;display:flex;flex-direction:column}.blog-right{overflow:auto;height:calc(100% + 60px)}.blog-right .rounded{font-style:italic;font-size:18px}.blog-right .rounded:before{content:"";border-radius:50%;width:9px;height:9px;background-color:#161419;margin-right:6px}.blog-right-title{font-size:25px;font-family:Playfair Display,serif}.blog-right-title-container{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #94918f;margin-bottom:20px;padding-bottom:20px;margin-top:100px;letter-spacing:-1px}@media screen and (max-width:1400px){.blog-right-title-container{margin-top:88px}}@media screen and (max-width:1260px){.blog-right-title-container{margin-top:6vw}}@media screen and (max-width:1030px){.blog-right-title-container{margin-top:5vw}}.blog-title-date{display:flex;align-items:baseline;justify-content:space-between}.blog-right-page{font-size:56px;color:#6ca2e7;margin-bottom:16px;font-family:Space Grotesk,sans-serif}.blog-right-page-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600;max-width:16ch;letter-spacing:-2px}.blog-right-page-subtitle{max-width:33ch;font-size:15px;margin-top:12px;line-height:1.4}.blog-right-container+.blog-right-container{margin-top:40px}.right-blog{display:flex;flex-direction:column}@media screen and (max-width:768px){.right-blog{display:none}}@media screen and (max-width:1030px){.right-blog .blog-menu{display:none}}::-webkit-scrollbar{display:none}.circle{width:100%;aspect-ratio:1/1;border-radius:50%;background-color:#121418;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#e9e6e4;padding:20px;text-align:center;margin-top:40px}.circle-title{font-size:24px;font-weight:600;margin-bottom:12px;font-family:Space Grotesk,sans-serif}@media screen and (max-width:1030px){.circle-title{display:none}}.circle-subtitle{max-width:30ch;font-size:14px;line-height:1.3;margin-bottom:16px}.circle-footer{font-family:Playfair Display,serif;font-size:30px}@media screen and (max-width:560px){.blog-is-sticky{display:none}}