:root{--ink:#1e2420;--paper:#f5f0e8;--lime:#d8e94a;--orange:#e8854d;--muted:#70736c;--line:#d9d5cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}.site-header,main,footer{max-width:1240px;margin:auto}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{color:var(--ink);text-decoration:none;font:700 27px "Playfair Display",serif;letter-spacing:-1.2px}.brand span{color:var(--orange)}nav{display:flex;gap:31px;margin-left:110px}nav a{color:var(--ink);font-size:14px;text-decoration:none}.write-button,.light-button{border:0;background:var(--ink);color:#fff;border-radius:100px;padding:12px 18px;font:600 13px "DM Sans";cursor:pointer}.write-button span,.light-button span{margin-left:9px;font-size:16px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:81px 72px 100px}.eyebrow{font:500 11px "DM Mono";letter-spacing:1.2px;color:#6f716c;margin:0 0 20px}.hero h1,.section-heading h2,.community h2{font:700 clamp(48px,6vw,82px)/.96 "Playfair Display",serif;letter-spacing:-3px;margin:0}.hero h1 em,.community h2 em{font-weight:600;color:var(--orange)}.hero-description{line-height:1.55;max-width:360px;color:#565b53;margin:28px 0}.primary-link{display:inline-flex;gap:50px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:8px}.primary-link span{font-size:17px}.featured-card{background:#26382c;color:#f9f5ec;display:grid;grid-template-columns:40% 60%;min-height:388px}.featured-art{background:#d6e652;position:relative;overflow:hidden}.featured-art span{font:600 80px "Playfair Display";position:absolute;top:20px;left:22px;opacity:.8}.featured-art i,.featured-art b{position:absolute;border:2px solid #26382c;border-radius:50%;display:block}.featured-art i{width:200px;height:200px;bottom:-68px;left:-44px}.featured-art b{width:100px;height:100px;top:130px;right:-30px}.featured-info{padding:34px 30px;display:flex;flex-direction:column}.topic{font:500 10px "DM Mono";letter-spacing:1px;margin:0}.science{color:#dbe850}.featured-info h2{font:600 28px/1.04 "Playfair Display";letter-spacing:-1px;margin:17px 0}.featured-info>p:not(.topic){font-size:13px;line-height:1.5;color:#d8ddd6}.author{display:flex;align-items:center;gap:9px;margin-top:auto;font-size:11px;line-height:1.35}.author small{color:#b4bdb4}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:500 8px "DM Mono";color:var(--ink)}.amber{background:#edaa67}.author button{margin-left:auto;border:1px solid #9bad9f;background:transparent;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer}.explore-section{background:#fff;padding:83px 72px 100px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{font-size:47px;letter-spacing:-2px}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #969991;padding:7px 0;width:240px;color:var(--muted)}.search span{font-size:23px}.search input{border:0;outline:0;width:100%;font:13px "DM Sans"}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:48px 0 30px}.filter{background:transparent;border:1px solid #d7d8d2;border-radius:30px;padding:9px 15px;font:500 12px "DM Sans";cursor:pointer}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{border-top:1px solid #c9cbc5;padding-top:17px;cursor:pointer;transition:transform .2s}.article-card:hover{transform:translateY(-4px)}.card-art{height:174px;margin-bottom:21px;display:flex;align-items:center;justify-content:center;font:600 54px "Playfair Display";position:relative;overflow:hidden}.card-art.programming{background:#c9dcff;color:#31465e}.card-art.science{background:#fee0c0;color:#92593d}.card-art.biology{background:#d8e9c9;color:#49734b}.card-art.design{background:#e5d2f0;color:#764b7d}.card-art.culture{background:#ffda67;color:#784c2d}.card-art:after{content:"";position:absolute;border:2px solid currentColor;border-radius:50%;width:105px;height:105px;transform:translate(34px,25px);opacity:.6}.article-card .topic{color:#777b73}.article-card h3{font:600 24px/1.08 "Playfair Display";letter-spacing:-.8px;margin:12px 0}.article-card>p{font-size:13px;color:#686d66;line-height:1.5;margin:0}.card-meta{margin-top:17px;display:flex;justify-content:space-between;font:10px "DM Mono";color:#7c8079}.empty-state{color:var(--muted);padding:40px 0}.community{background:var(--orange);color:#20271f;padding:80px 72px;display:grid;grid-template-columns:1.25fr .65fr;gap:30px;align-items:end}.community h2{font-size:49px}.community h2 em{color:#fff8e9}.community>p{font-size:15px;line-height:1.55;max-width:310px;margin:0}.light-button{background:#fff8ee;color:var(--ink);width:max-content}.community .light-button{grid-column:2}footer{padding:35px 28px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#777970}footer p{margin:0}dialog{border:0;padding:0;background:#fff;max-width:730px;width:calc(100% - 36px);max-height:88vh;box-shadow:0 20px 70px #19201966}dialog::backdrop{background:#1b251dcc}.close-dialog{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:32px;line-height:1;cursor:pointer;z-index:2}#article-content{padding:65px 68px 55px}.article-head .topic{margin-bottom:13px}.article-head h1{font:600 46px/1.04 "Playfair Display";letter-spacing:-1.5px;margin:0 40px 16px 0}.article-head .byline{font-size:13px;color:var(--muted);padding-bottom:25px;border-bottom:1px solid var(--line)}.article-body{font-size:17px;line-height:1.7;color:#353a35;padding:27px 0}.comments{border-top:1px solid var(--line);padding-top:26px}.comments h3{font:600 27px "Playfair Display";margin:0 0 18px}.comment{padding:14px 0;border-top:1px solid #e8e6e0}.comment strong{font-size:13px}.comment p{margin:5px 0 0;font-size:14px;line-height:1.45}.comment-form{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;margin-top:20px}.comment-form input{border:1px solid #d2d3ce;padding:10px;font:13px "DM Sans"}.comment-form button,.submit-post{border:0;background:var(--ink);color:#fff;padding:0 16px;cursor:pointer;font:600 12px "DM Sans"}.editor-form{padding:55px;display:grid;gap:14px}.editor-form h2{font:600 39px "Playfair Display";margin:0 0 9px}.editor-form label{display:grid;gap:6px;font-size:12px;font-weight:600}.editor-form input,.editor-form textarea,.editor-form select{border:1px solid #d2d3ce;padding:11px;font:14px "DM Sans";resize:vertical}.submit-post{padding:13px;margin-top:8px}@media(max-width:760px){.site-header{padding:0 20px;height:70px}nav{display:none}.hero{grid-template-columns:1fr;padding:55px 25px 65px;gap:45px}.featured-card{min-height:330px}.explore-section{padding:60px 25px}.section-heading{display:block}.search{margin-top:28px;width:100%}.articles-grid{grid-template-columns:1fr}.community{padding:60px 25px;grid-template-columns:1fr}.community .light-button{grid-column:auto}.community h2{font-size:42px}footer{padding:28px 20px}footer p:nth-child(2){display:none}#article-content{padding:55px 28px 35px}.article-head h1{font-size:36px}.comment-form{grid-template-columns:1fr}.comment-form button{padding:11px}.editor-form{padding:48px 26px 30px}.featured-info{padding:27px 18px}.featured-info h2{font-size:23px}}