:root{--paper:#f3efe6;--ink:#17251f;--red:#b74431;--sage:#9faa96;--line:rgba(23,37,31,.16);--white:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.topbar{height:82px;display:flex;align-items:center;gap:42px;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(243,239,230,.92);backdrop-filter:blur(14px);z-index:10}.brand{font:bold 25px 'Fraunces',serif;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px}.brand span{display:grid;place-items:center;width:31px;height:31px;border:1px solid;border-radius:50%;font-size:18px}.topbar nav{display:flex;gap:25px}.topbar nav a{color:inherit;text-decoration:none;font-size:14px}.search{height:40px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink);margin-left:auto;width:min(270px,22vw)}.search input{border:0;outline:0;background:none;width:100%}.actions{display:flex;gap:8px}.ghost,.ink,.paper,.text-btn{border:0;padding:12px 18px;background:transparent;color:inherit}.ink{background:var(--ink);color:var(--white);border-radius:2px}.ink span,.text-btn span{margin-left:13px}.large{padding:16px 23px}.hero{min-height:680px;padding:88px 8vw 70px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:'F';position:absolute;right:35%;top:-110px;font:700 650px/1 'Fraunces';color:rgba(23,37,31,.028)}.eyebrow,.kicker,.overline{font-size:11px;letter-spacing:.2em;font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:25px;border-top:1px solid var(--red)}h1,h2{font-family:'Fraunces',serif;font-weight:500;margin:0}.hero h1{font-size:clamp(64px,8vw,116px);line-height:.87;letter-spacing:-.055em;margin:32px 0 28px;max-width:770px}.hero h1 em,.manifesto em{font-weight:500;color:var(--red)}.hero>p{max-width:520px;font-size:18px;line-height:1.65;color:#455049}.hero-actions{display:flex;align-items:center;gap:18px;margin-top:35px}.community{display:flex;align-items:center;gap:16px;margin-top:62px;font-size:12px;line-height:1.5}.faces{display:flex}.faces b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#c4c8b6;border:2px solid var(--paper);margin-left:-7px;font-size:9px}.faces b:first-child{margin:0}.featured-cover{position:absolute;right:8vw;bottom:65px;width:250px;height:350px;background:#1c2923;padding:0;border:0;box-shadow:0 25px 60px rgba(23,37,31,.25);transform:rotate(2deg)}.cover-art{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:#f6eddd;background:radial-gradient(circle at 50% 32%,#b69a67 0 2px,transparent 3px),linear-gradient(145deg,transparent 35%,rgba(183,68,49,.65) 36% 52%,transparent 53%)}.cover-art small{letter-spacing:.15em;font-size:9px}.cover-art strong{font:500 40px/1 'Fraunces'}.cover-art span{font-size:9px;letter-spacing:.25em}.featured-cover>button{position:absolute;right:-18px;bottom:-18px;border:0;border-radius:50%;width:52px;height:52px;background:var(--red);color:white;font-size:22px}.discover{padding:85px 5vw 100px}.section-head{display:flex;justify-content:space-between;align-items:end}.kicker{color:var(--red)}.section-head h2{font-size:44px;margin-top:12px}.filters{display:flex;gap:10px;margin:40px 0 30px;overflow:auto}.filters button{white-space:nowrap;border:1px solid var(--line);background:transparent;padding:10px 16px;border-radius:30px}.filters button.active{background:var(--ink);color:white}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.story-card{cursor:pointer}.cover{aspect-ratio:3/4.2;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:white;transition:.25s transform;position:relative;overflow:hidden}.story-card:hover .cover{transform:translateY(-7px)}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.28))}.cover>*{z-index:1}.cover small{font-size:9px;letter-spacing:.18em}.cover b{font:500 30px/1.05 'Fraunces'}.story-info{padding-top:16px}.story-info h3{margin:0 0 6px;font:500 20px 'Fraunces'}.story-info p{font-size:12px;color:#677168;margin:0}.story-info .stats{margin-top:12px;display:flex;gap:15px;font-size:11px}.manifesto{background:var(--ink);color:var(--white);padding:95px 9vw;position:relative}.manifesto>span{color:#9eb3a7}.manifesto h2{font-size:clamp(42px,6vw,76px);line-height:1.05;margin:28px 0}.manifesto p{max-width:520px;color:#bdc6c0;line-height:1.7}.paper{background:var(--paper);color:var(--ink);margin-top:25px}footer{min-height:140px;padding:40px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px}dialog{border:0;padding:0;background:var(--white);color:var(--ink);box-shadow:0 30px 100px #0f191480;max-height:92vh}dialog::backdrop{background:rgba(15,25,20,.68);backdrop-filter:blur(5px)}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;z-index:2}.auth-dialog{width:min(470px,92vw);padding:52px}.mini-brand{font:650 24px 'Fraunces'}.auth-dialog h2{font-size:40px;margin:25px 0 10px}.auth-dialog p{color:#647068;line-height:1.5}.tabs{display:flex;border-bottom:1px solid var(--line);margin:30px 0 25px}.tabs button{border:0;background:none;padding:12px 20px 12px 0;margin-right:20px}.tabs .active{border-bottom:2px solid var(--red)}form label{display:block;font-size:12px;margin:15px 0}.auth-dialog input{width:100%;padding:14px;border:1px solid var(--line);margin-top:7px;background:#faf8f2}.auth-dialog form button{width:100%;margin:12px 0}.auth-dialog small{color:#7b827d}.story-dialog{width:min(820px,94vw)}.story-layout{display:grid;grid-template-columns:260px 1fr;min-height:560px}.story-side{padding:42px;background:#e8e1d4}.story-side .cover{box-shadow:0 12px 30px #17251f33}.story-content{padding:55px}.story-content h2{font-size:45px}.story-content .author{color:var(--red);font-size:12px;letter-spacing:.14em}.story-content p{font:18px/1.85 'Fraunces';color:#3b4841}.story-content .read-btn{width:100%;margin-top:20px}.write-dialog{width:min(1000px,96vw);height:min(760px,94vh)}.studio-head{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.write-dialog form{padding:45px 8%;height:calc(100% - 65px);display:flex;flex-direction:column}.title-input{font:500 48px 'Fraunces';border:0;background:none;outline:0;padding:10px 0}.write-meta{display:flex;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.write-meta input{border:0;background:none;outline:0}.write-dialog textarea{flex:1;border:0;resize:none;background:none;outline:0;padding:30px 0;font:19px/1.8 'Fraunces'}.studio-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px}.studio-actions span{margin-right:auto;font-size:12px;color:#6c746f}@media(max-width:900px){.topbar nav,.search{display:none}.topbar{padding:0 20px}.actions{margin-left:auto}.ghost{display:none}.hero{padding:70px 25px 55px}.featured-cover{position:relative;right:auto;bottom:auto;margin:60px auto 0}.hero:before{display:none}.story-grid{grid-template-columns:repeat(2,1fr)}.section-head h2{font-size:35px}.story-layout{grid-template-columns:1fr}.story-side{display:none}}@media(max-width:560px){.actions .ink{padding:11px 12px;font-size:12px}.hero h1{font-size:58px}.hero>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.story-grid{grid-template-columns:1fr 1fr;gap:12px}.cover{padding:14px}.cover b{font-size:22px}.discover{padding:60px 18px}.section-head .text-btn{display:none}.manifesto{padding:70px 24px}.auth-dialog{padding:42px 25px}.story-info h3{font-size:16px}.write-meta{flex-direction:column}.title-input{font-size:36px}footer{align-items:flex-start;gap:15px;flex-direction:column}}