:root{color:#171717;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(1040px,calc(100% - 40px));margin:0 auto}nav{height:86px;display:flex;align-items:center;gap:10px;font-weight:700}.mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#171717;color:#f7f4ee;font-family:Georgia,serif}.quiet{margin-left:auto;font-size:.8rem;color:#73706c;font-weight:500}.nav-tabs{display:flex;gap:4px;margin-left:22px}.nav-tabs button{padding:8px 10px;border-radius:6px;background:transparent;color:#73706c;font-size:.78rem;text-transform:capitalize}.nav-tabs button:hover,.nav-tabs button.active{background:#e9e1d5;color:#171717}.account{display:flex;align-items:center;gap:6px;margin-left:14px;font-size:.78rem}.profile-link{background:transparent;color:#595654;padding:8px 5px}.profile-link:hover{color:#171717}.account input{width:160px;padding:8px 10px;font-size:.76rem}.account button{padding:8px 10px;font-size:.76rem}.account-notice{max-width:180px;color:#73706c}.hero{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,3fr);align-items:start;gap:clamp(22px,4vw,54px);padding:36px 0 56px}.intro{max-width:290px;padding-top:3px}.intro h2{margin:0 0 26px;color:#ded9cfeb;font:500 clamp(1.9rem,3.25vw,3.15rem)/.98 Georgia,serif;letter-spacing:-.045em;text-shadow:0 1px 0 rgb(255 253 249 / 82%),0 -1px 1px rgb(166 160 149 / 52%)}.intro ul{display:grid;gap:17px;margin:0;padding:0;list-style:none;color:#595654;font:500 clamp(1.16rem,1.65vw,1.42rem)/1.2 Georgia,serif;letter-spacing:-.02em}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#946e4b;font-weight:700}h1{font:500 clamp(1.25rem,2.75vw,2.5rem)/1 Georgia,serif;letter-spacing:-.055em;margin:0}.hero-image{position:relative;margin:0;overflow:hidden;border-radius:8px;background:#ddd4c5;box-shadow:0 18px 40px #342b1d1f}.hero-image img{display:block;width:100%;height:auto}.hero-image figcaption{position:absolute;right:clamp(18px,4vw,48px);bottom:clamp(18px,4vw,42px);max-width:calc(100% - 36px);color:#fffdf9;text-align:right;text-shadow:0 2px 18px rgb(0 0 0 / 55%);white-space:nowrap}.friction{display:inline-flex}.friction-letter{display:inline-block;transform:translate3d(var(--drift-distance, 0px),0,0);transition:transform 80ms linear;will-change:transform}.composer{border-top:1px solid #d7d1c8;padding-top:24px}label{display:block;font:600 1.1rem Georgia,serif;margin-bottom:12px}.topic-picker{position:relative;width:min(100%,310px);margin-bottom:14px}.topic-label{display:block;margin-bottom:6px;color:#595654;font:700 .68rem ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase}.topic-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;border:1px solid #bcb5ab;border-radius:7px;background:#fffdf9;color:#171717;padding:0 10px 0 13px;text-align:left;font:600 .88rem ui-sans-serif,system-ui,sans-serif}.topic-trigger:hover,.topic-trigger:focus-visible{border-color:#171717;outline:0}.topic-caret{position:relative;width:24px;height:24px;margin-left:16px;border-radius:5px;background:#eee7dc;color:transparent;font-size:0}.topic-caret:before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-right:1.5px solid #595654;border-bottom:1.5px solid #595654;transform:translate(-50%,-68%) rotate(45deg)}.topic-menu{position:absolute;z-index:5;top:calc(100% + 6px);left:0;width:100%;overflow:hidden;border:1px solid #bcb5ab;border-radius:7px;background:#fffdf9;box-shadow:0 16px 34px #342b1d29}.topic-option{display:block;width:100%;border-radius:0;border-bottom:1px solid #e4ddd3;background:transparent;color:#171717;padding:11px 13px;text-align:left}.topic-option:last-child{border-bottom:0}.topic-option:hover,.topic-option:focus-visible,.topic-option.selected{background:#eee7dc;outline:0}.topic-option span{display:block;font-size:.86rem}.topic-option small{display:block;margin-top:3px;color:#73706c;font-size:.72rem;font-weight:500;line-height:1.35}.entry{display:flex;gap:8px}input{min-width:0;flex:1;border:1px solid #bcb5ab;border-radius:7px;background:#fffdf9;padding:14px 15px;font:inherit;color:inherit}input:focus{outline:2px solid #946e4b;outline-offset:2px}button{border:0;border-radius:7px;background:#171717;color:#fff;padding:0 20px;font-weight:700;cursor:pointer}.composer p{min-height:1.25em;margin:9px 0;color:#73706c;font-size:.8rem}.profile-page{max-width:620px;margin:42px auto 80px}.profile-page h1{margin:16px 0 14px;color:#171717;font-size:clamp(2.3rem,5vw,4rem)}.profile-intro{max-width:520px;color:#595654;line-height:1.6}.profile-form{display:grid;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid #d7d1c8}.profile-form label{margin:0;font-size:1rem}.profile-form label small{color:#73706c;font:500 .75rem ui-sans-serif,system-ui,sans-serif}.profile-form button{justify-self:start;min-height:42px;margin-top:8px}.handle-input{display:flex;align-items:center;border:1px solid #bcb5ab;border-radius:7px;background:#fffdf9;padding-left:13px}.handle-input input{border:0;padding-left:4px}.handle-input:focus-within{outline:2px solid #946e4b;outline-offset:2px}.email-form{margin-top:46px}.profile-notice{color:#946e4b;font-size:.86rem}.workshop,.about{max-width:760px;margin:42px auto 80px}.workshop h1,.about h1{margin:10px 0 16px;font:500 clamp(2.3rem,5vw,4rem)/1 Georgia,serif;letter-spacing:-.05em}.workshop-copy,.about p{max-width:620px;color:#595654;line-height:1.65}.workbench{display:grid;gap:9px;margin-top:28px;padding:20px;border-radius:8px;background:#e9e1d5}.workbench label{margin:0;font-size:.9rem}.workbench select{width:max-content;border:1px solid #bcb5ab;border-radius:6px;background:#fffdf9;padding:8px}.workbench div{display:flex;gap:8px}.secondary{background:transparent;color:#171717;border:1px solid #bcb5ab}.workbench p{margin:0;color:#73706c;font-size:.78rem}.workshop-list{display:grid;gap:8px;margin-top:36px}.workshop-list h2{margin:20px 0 0;font:500 1.4rem Georgia,serif}.workshop-list>button{padding:12px;background:#fffdf9;color:#171717;border:1px solid #d7d1c8;text-align:left}.thread-index,.thread-detail{margin-top:74px;padding-top:28px;border-top:1px solid #d7d1c8}.thread-index h2,.thread-detail h2{margin:8px 0 16px;font:500 2rem/1.18 Georgia,serif}.sorts{display:flex;gap:8px;margin-bottom:16px}.sorts button{padding:8px 11px;font-size:.8rem}.thread{border-top:1px solid #ddd5ca}.thread-row{display:flex;gap:16px;align-items:center}.thread-open{display:block;flex:1;width:100%;padding:16px 0;border-radius:0;background:transparent;color:#171717;text-align:left}.thread-open:hover{background:#efe8dc}.thread span,.thread small,.empty,.thread-detail-card span,.reply span{color:#73706c;font-size:.78rem}.thread p{margin:8px 0;font:1.08rem/1.45 Georgia,serif}.useful{flex:0 0 auto;min-height:34px;padding:8px 10px;border:1px solid #bcb5ab;border-radius:7px;background:transparent;color:#595654;font-size:.76rem}.useful:hover,.useful.voted{border-color:#2c3b31;background:#2c3b31;color:#fffdf9}.thread-meta{display:flex;align-items:center;gap:12px}.vote-notice{min-height:1.25em;margin:12px 0 0;color:#946e4b;font-size:.8rem}.back{padding:0;color:#595654;background:transparent;font-size:.8rem}.thread-detail-card{margin-top:20px;padding-bottom:24px;border-bottom:1px solid #ddd5ca}.thread-detail-card h2{max-width:720px;font-size:clamp(1.8rem,4vw,3rem)}.replies{margin:26px 0}.reply{padding:15px 0;border-top:1px solid #e1dad0}.reply p{margin:7px 0 0;font:1.04rem/1.5 Georgia,serif}.reply-composer{margin-top:28px;padding-top:22px;border-top:1px solid #d7d1c8}.reply-composer label{font-size:1rem}.reply-composer p{min-height:1.25em;margin:9px 0;color:#73706c;font-size:.8rem}.load-more{display:block;min-height:42px;margin:22px auto 0;border:1px solid #bcb5ab;background:transparent;color:#171717;font-size:.82rem}.load-more:hover{border-color:#171717;background:#171717;color:#fffdf9}.load-more:disabled{cursor:wait;opacity:.6}.report-control{position:relative}.report-trigger,.cancel-report{padding:0;border:0;border-radius:0;background:transparent;color:#73706c;font-size:.74rem;text-decoration:underline}.report-trigger:hover,.cancel-report:hover{color:#171717;background:transparent}.report-form{position:absolute;z-index:6;right:0;top:calc(100% + 8px);width:min(310px,calc(100vw - 40px));padding:14px;border:1px solid #bcb5ab;border-radius:7px;background:#fffdf9;box-shadow:0 16px 34px #342b1d29}.report-form label{margin-bottom:7px;font-size:.94rem}.report-form select,.report-form input{width:100%;margin-bottom:8px;border:1px solid #bcb5ab;border-radius:6px;background:#fffdf9;padding:9px 10px;color:#171717;font:inherit;font-size:.8rem}.report-form div{display:flex;gap:12px;align-items:center}.report-form div button:first-child{min-height:34px;padding:0 10px;font-size:.76rem}.report-notice{display:block;max-width:200px;margin-top:5px;color:#946e4b;font-size:.72rem;line-height:1.35}.block-control,.reply-actions{display:inline-flex;gap:10px;align-items:flex-start}.reply-actions{margin-top:10px}.topics{margin-top:74px;padding-top:28px;border-top:1px solid #d7d1c8}.topics h2{margin:8px 0 22px;font:500 clamp(1.8rem,5vw,2.7rem)/1.05 Georgia,serif;letter-spacing:-.035em}.topic-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.topic-list article{border-radius:8px;padding:16px;background:#ebe4d9}.topic-list h3{margin:0 0 7px;font:500 1.2rem Georgia,serif}.topic-list p{margin:0;color:#595654;font-size:.82rem;line-height:1.45}.discovery{margin-top:86px;padding-top:28px;border-top:1px solid #d7d1c8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}.section-heading h2,.trending h2{max-width:490px;margin:8px 0 20px;font:500 clamp(1.8rem,5vw,2.7rem)/1.05 Georgia,serif;letter-spacing:-.035em}.section-heading>p{max-width:230px;margin:0 0 20px;color:#595654;line-height:1.5;font-size:.9rem}.lens-bar{display:flex;flex-wrap:wrap;gap:8px}.search{display:flex;gap:8px;margin:0 0 12px}.search input{max-width:420px;padding:11px 13px}.search button{padding:0 16px;font-size:.8rem}.lens{display:grid;gap:3px;min-width:116px;border:1px solid #cfc5b8;border-radius:7px;background:transparent;color:#171717;padding:10px 13px;text-align:left;font:600 .89rem/1.2 ui-sans-serif,system-ui,sans-serif}.lens span{color:#80786f;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lens:hover,.lens.active{border-color:#171717;background:#171717;color:#fffdf9}.lens.active span{color:#cabba9}.lens-note{margin:12px 0 0;color:#73706c;font-size:.82rem}.trending{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.76fr);gap:36px;align-items:end;margin:74px 0 0;padding:30px 0;border-top:1px solid #d7d1c8;border-bottom:1px solid #d7d1c8}.trending-copy>p:last-child{max-width:510px;margin:0;color:#595654;line-height:1.6}.trending-card{padding:22px;border-radius:8px;color:#fffdf9;background:#2c3b31}.card-kicker,.formula{display:block;color:#c8d0b5;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.trending-card strong{display:block;margin:24px 0 9px;font:500 1.55rem/1.05 Georgia,serif}.trending-card p{margin:0 0 26px;color:#e6e6d6;font-size:.86rem;line-height:1.5}.transparency{margin:92px 0 56px;padding:28px 0 0;border-top:1px solid #d7d1c8}.transparency-heading h2{max-width:430px;margin:8px 0 26px;font:500 clamp(1.8rem,5vw,2.7rem)/1.05 Georgia,serif;letter-spacing:-.035em}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.metrics>div{min-height:168px;border-radius:8px;padding:18px;background:#e9e1d5}.metrics dt{color:#73706c;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.metrics dd{margin:18px 0 10px;font:500 1.45rem/1.05 Georgia,serif}.metrics p{color:#595654;margin:0;font-size:.83rem;line-height:1.45}@media(max-width:700px){main{width:min(100% - 28px,720px)}.quiet{display:none}nav{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 0}.account{width:100%;margin-left:0}.hero,.trending{grid-template-columns:1fr}.hero{padding:28px 0 38px;gap:14px}.intro{max-width:none;padding:0}.hero-image{max-width:100%}.hero-image figcaption{right:20px;bottom:20px;white-space:normal}.thread-row{gap:8px}.section-heading{display:block}.section-heading>p{margin-top:-6px}.topic-list,.metrics{grid-template-columns:1fr}.transparency{margin-top:64px}}@media(prefers-reduced-motion:reduce){.friction-letter{transform:none;transition:none}}
