.page-writing{--article-width:100%;--row-pad:4px}.page-writing .whead{text-align:center;padding:84px 0 30px}.page-writing .whead .kicker{justify-content:center}.page-writing .whead h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin:20px 0 0;font-size:clamp(64px,11vw,156px);font-weight:300;line-height:.92}.page-writing .whead .lead{max-width:52ch;margin:26px auto 0}.page-writing .wlist{width:var(--article-width);border-top:1px solid var(--line);margin:56px auto 0}.page-writing .erow{padding:46px var(--row-pad);border-bottom:1px solid var(--line);grid-template-columns:210px 200px 1fr;align-items:start;gap:36px;text-decoration:none;transition:background .18s;display:grid}.page-writing .erow:hover{background:var(--bg-2)}.page-writing .erow .meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding-top:9px;font-size:11.5px}.page-writing .erow .date{font-family:var(--font-mono);letter-spacing:.02em;color:var(--accent-bright);padding-top:8px;font-size:13.5px;line-height:1.5}.page-writing .erow .main h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);text-wrap:pretty;margin:0;font-size:33px;font-weight:400;line-height:1.12;transition:color .18s}.page-writing .erow:hover .main h3{color:var(--accent-bright)}.page-writing .erow .main p{color:var(--muted);max-width:64ch;margin:14px 0 0;font-size:16px;line-height:1.6}.page-writing .erow .explore{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);align-items:center;gap:9px;margin-top:20px;font-size:12.5px;display:inline-flex}.page-writing .erow .explore .arr{transition:transform .2s}.page-writing .erow:hover .explore .arr{transform:translate(3px,-3px)}.page-writing .erow--static{cursor:default}.page-writing .erow--static:hover{background:0 0}.page-writing .erow--static:hover .main h3{color:var(--text)}.page-writing .erow .date--status{flex-direction:column;gap:8px;padding-top:7px;display:flex}.page-writing .erow .date--status .proj{font-family:var(--font-mono);letter-spacing:.02em;color:var(--faint);font-size:12.5px}.page-writing .status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.page-writing .status:before{content:"";border-radius:50%;width:7px;height:7px}.page-writing .status.tbd{color:var(--faint)}.page-writing .status.tbd:before{background:var(--faint)}.page-writing .gallery-sec{padding:96px 0 110px}.page-writing .gallery-head{--title-shift:35px;width:var(--article-width);padding-left:var(--row-pad);transform:translateX(var(--title-shift));justify-content:space-between;align-items:baseline;gap:24px;margin:0 auto 36px;display:flex}.page-writing .gallery-head h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(30px,3.6vw,46px);font-weight:300}.page-writing .gallery-head .hint{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:11.5px}.page-writing .grail{width:100vw;margin-left:50%;padding-block:30px 24px;overflow:hidden;transform:translate(-50%)}.page-writing .gtrack{align-items:flex-start;width:max-content;animation:48s linear infinite grail-scroll;display:flex}.page-writing .grail:hover .gtrack{animation-play-state:paused}.page-writing .gcard{flex:0 0 320px;margin-right:22px;text-decoration:none}.page-writing .gtrack .gcard:nth-child(5n+1){margin-top:96px}.page-writing .gtrack .gcard:nth-child(5n+2){margin-top:8px}.page-writing .gtrack .gcard:nth-child(5n+3){margin-top:130px}.page-writing .gtrack .gcard:nth-child(5n+4){margin-top:46px}.page-writing .gtrack .gcard:nth-child(5n+5){margin-top:74px}@keyframes grail-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.page-writing .gcard .ph{border-radius:var(--radius);height:300px;margin-bottom:18px}.page-writing .gcard .ph--cols{border:1px solid var(--line);background:linear-gradient(#1a1c28,#0e0f17);position:relative;overflow:hidden}.page-writing .gcard .ph--cols .col{background:linear-gradient(90deg,#3a3d33,#cfc6b0 50%,#3a3d33);border-radius:3px 3px 0 0;width:15%;position:absolute;bottom:-2px}.page-writing .gcard .ph--cols:after{content:"";background:radial-gradient(80% 70% at 50% 100%,#0000,#0e0f17d1);position:absolute;inset:0}.page-writing .gcard .gmeta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.page-writing .gcard h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:10px 0 0;font-size:22px;font-weight:400;line-height:1.18;transition:color .18s}.page-writing .gcard:hover h4{color:var(--accent-bright)}.page-writing .foot{margin-top:96px}@media (prefers-reduced-motion:reduce){.page-writing .gtrack{animation:none}.page-writing .grail{overflow-x:auto}}@media (max-width:860px){.page-writing{--article-width:100%}.page-writing .erow{grid-template-columns:1fr;gap:10px;padding:34px 4px}.page-writing .erow .meta,.page-writing .erow .date{padding-top:0}.page-writing .erow .main h3{font-size:27px}.page-writing .whead h1{font-size:clamp(52px,16vw,88px)}}