.writing-index__inner{width:min(100% - 64px,1240px);margin-inline:auto;padding:2.2rem 0 7rem}.writing-index__breadcrumb{margin-bottom:3.3rem}.writing-index__header{margin-bottom:2.5rem}.writing-index__header h1{font:italic 600 clamp(3.7rem, 6vw, 5.5rem) / 1.06 var(--display);letter-spacing:-.045em;margin:0 0 .5rem}.writing-index__header p{max-width:850px;color:var(--body);font:400 clamp(1.05rem, 1.6vw, 1.25rem) / 1.55 var(--reading);margin:0}.writing-filter{display:block}.writing-filter__input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.writing-filter__label{border:1px solid var(--rule);min-width:56px;color:var(--body);cursor:pointer;font:500 .73rem / 1 var(--label);letter-spacing:.15em;text-align:center;text-transform:uppercase;margin:0 .5rem 1.3rem 0;padding:.65rem .95rem;transition:background .15s,border-color .15s,color .15s;display:inline-block}.writing-filter__label:hover{border-color:var(--pink);color:var(--pink-hover)}.writing-filter__input:checked+.writing-filter__label{border-color:var(--pink);background:var(--pink);color:var(--ink)}.writing-filter__input:focus-visible+.writing-filter__label{outline:2px solid var(--pink-hover);outline-offset:4px}#writing-essays:checked~.writing-feed [data-type=field-note],#writing-notes:checked~.writing-feed [data-type=essay]{display:none}.writing-feed{border-top:1px solid var(--rule)}.writing-feature{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:350px;padding:2.3rem 1.8rem 2.7rem;display:grid}.writing-feature:hover,.writing-row:hover{color:var(--text)}.writing-feature__meta,.writing-row__meta{color:var(--muted);font:500 .74rem / 1.5 var(--label);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0;display:flex}.writing-type{color:var(--pink)}.writing-type--note{color:var(--pink-hover)}.writing-feature h2{max-width:730px;font:italic 600 clamp(2.4rem, 4vw, 4.1rem) / 1.1 var(--display);letter-spacing:-.04em;margin:.55rem 0 1.1rem}.writing-feature__excerpt{max-width:650px;color:var(--body);font:400 clamp(1rem, 1.3vw, 1.12rem) / 1.6 var(--reading);margin:0 0 1.6rem}.writing-feature__cta{color:var(--pink);font:500 .76rem var(--label);letter-spacing:.17em;text-transform:uppercase}.writing-feature__image{aspect-ratio:1.18;width:100%;overflow:hidden}.writing-feature__image img{object-fit:cover;width:100%;height:100%}.writing-feed__list{counter-reset:writing-row}.writing-row{border-bottom:1px solid var(--rule);counter-increment:writing-row;grid-template-columns:72px minmax(0,1fr) 24px;align-items:center;gap:1.5rem;min-height:116px;padding:1.45rem 1.8rem;transition:background .18s;display:grid}.writing-row:nth-child(2n){background:var(--surface)}.writing-row:hover{background:#29211e}.writing-row__number{color:var(--pink);font:italic 500 2.1rem / 1 var(--display);align-self:center}.writing-row__number:before{content:counter(writing-row, decimal-leading-zero)}.writing-row h2{font:italic 500 clamp(1.4rem, 2.2vw, 2rem) / 1.22 var(--display);letter-spacing:-.025em;margin:.2rem 0 0}.writing-row__arrow{color:var(--pink);font:400 1.15rem var(--label);opacity:0;align-self:center;transition:opacity .18s,transform .18s;transform:translate(-5px,5px)}.writing-row:hover .writing-row__arrow,.writing-row:focus-visible .writing-row__arrow{opacity:1;transform:translate(0)}@media (width<=760px){.writing-index__inner{width:calc(100% - 40px);padding:1.6rem 0 5rem}.writing-index__breadcrumb{margin-bottom:2.2rem}.writing-index__header{margin-bottom:2rem}.writing-index__header h1{font-size:clamp(2.9rem,12vw,4rem)}.writing-filter__label{letter-spacing:.1em;margin-bottom:1rem;padding:.65rem .75rem}.writing-feature{grid-template-columns:1fr;gap:1.4rem;padding:1.6rem .6rem 2.3rem}.writing-feature h2{font-size:clamp(2.2rem,9vw,3.2rem)}.writing-feature__image{width:calc(100% - 10px)}.writing-row{grid-template-columns:45px minmax(0,1fr);gap:.75rem;min-height:105px;padding:1.3rem .6rem}.writing-row__number{font-size:1.6rem}.writing-row__meta{letter-spacing:.09em;gap:.2rem .5rem;font-size:.63rem}.writing-row__arrow{display:none}}
