:root{--fade-in-duration: 1.5s}body,html,#root{height:100%;margin:0;padding:0;width:100vw;box-sizing:border-box;background:#fff}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#fff;padding:40px 0 140px;position:relative}.doodle-bg{width:100%;height:220px;background:url(/assets/doodle_splay1-CLN0G3_I.png) center bottom/cover no-repeat;position:absolute;left:0;z-index:0;pointer-events:none}.main-text{background:#fff;font-family:Times New Roman,Times,serif;font-size:4.55vw;color:#222;text-align:left;line-height:1;width:90vw;position:relative;z-index:1000;animation:fadeIn var(--fade-in-duration) ease .1s both}.name{font-weight:500}.italic{font-style:italic}.spacer{flex-grow:1}.doodle-splay{position:absolute;top:40vh;left:50%;transform:translate(-50%);width:80%;pointer-events:none;animation:fadeIn var(--fade-in-duration) ease 1.3s both}.button-row{display:flex;justify-content:center;gap:4vw;position:absolute;left:50%;transform:translate(-50%);bottom:-12vh;width:100%;z-index:1001;background:#fff;padding-top:100px;padding-bottom:330px;-webkit-mask-image:linear-gradient(to bottom,transparent 50px,#fff 100px,#fff 100%);mask-image:linear-gradient(to bottom,transparent 50px,#fff 100px,#fff 100%);animation:fadeIn var(--fade-in-duration) ease .7s both}.writing-title{z-index:1002}.outline-btn{font-family:Times New Roman,Times,serif;font-size:2vw;font-weight:500;padding:12px 40px;border:2px solid #222;background:transparent;color:#222;border-radius:32px;cursor:pointer;transition:background .5s,color .5s;text-align:center;width:20vw}.outline-btn:hover{background:#222;color:#fff;border:2px solid #222}.articles-section{width:100vw;display:flex;flex-direction:column;align-items:center;background:#fff;padding-bottom:80px;margin-top:0;padding-top:40px}.articles-heading{font-family:Times New Roman,Times,serif;font-size:2.2vw;color:#444;font-weight:400;margin-bottom:32px;text-align:left;width:85vw}.article-grid{width:85vw;max-width:1200px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;padding:100px 0 150px}.article-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00000026}.article-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-bottom:1px solid #eee}.article-content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.article-publisher{font-family:Times New Roman,Times,serif;font-size:2vw;color:#666;font-weight:700;margin-bottom:12px;letter-spacing:.5px}.article-divider{width:100%;height:1px;background-color:#ddd;margin-bottom:16px}.article-title{font-family:Times New Roman,Times,serif;font-size:1.3vw;color:#444;font-weight:400;margin:0;line-height:1.4;flex-grow:1}@media (max-width: 830px) and (min-width: 600px){.button-row{align-items:center;gap:15px}.outline-btn{width:20%;font-size:2.4vw}.article-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}.article-publisher{font-size:1.8vw}.article-title{font-size:2.2vw}}@media (max-width: 600px){.button-row{flex-direction:column;align-items:center;gap:24px;width:95vw;left:50%;transform:translate(-50%);bottom:-6vh}.outline-btn{width:68vw;max-width:350px;font-size:3.2vw}.main-text{font-size:7vw}.doodle-splay{top:36vh}.articles-heading{font-size:4vw}.article-grid{grid-template-columns:1fr;gap:24px;width:90vw;padding:60px 0 100px}.article-content{padding:20px}.article-publisher{font-size:3.2vw}.article-title{font-size:4vw}.article-image{aspect-ratio:1 / 1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}