@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f7f7f2;--ink:#22392f;--muted:#63726b;--line:#d6dcd4;--acid:#dce790;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #647a1d;outline-offset:5px}button{background:none;border:none}.site-header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:var(--serif);font-size:30px;white-space:nowrap;letter-spacing:-.8px}.brand-mark{font-family:Georgia,serif;color:#708643;font-size:38px;vertical-align:middle;margin-left:7px}nav{display:flex;gap:32px;align-items:center;font-size:14px}nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.surprise{border:1px solid var(--ink);border-radius:28px;padding:10px 19px}.surprise span{margin-left:16px}.hero,.collection,.closing,.related,.about{max-width:1440px;margin:auto;padding-left:5%;padding-right:5%}.hero{padding-top:65px;padding-bottom:62px;position:relative}.eyebrow{font-size:12px;letter-spacing:1.65px;font-weight:600}.hero h1{font-family:var(--serif);font-size:clamp(60px,7.8vw,112px);font-weight:400;line-height:.98;letter-spacing:-3px;margin:35px 0 32px;max-width:1000px}em{font-weight:400}.hero h1 em{color:#708143}.hero-bottom{display:flex;gap:50px;justify-content:space-between;align-items:end;max-width:1000px}.hero-bottom p{max-width:490px;margin:0;color:var(--muted);font-size:17px}.text-link{font-size:14px;white-space:nowrap;border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link span{margin-left:30px}.hero-index{position:absolute;right:5%;top:175px;writing-mode:vertical-rl;font-size:11px;line-height:1.8;letter-spacing:2px}.collection{padding-top:36px;padding-bottom:64px;border-top:1px solid var(--line)}.collection-top{display:flex;justify-content:space-between;align-items:center;gap:30px}h2{font-weight:400}h2,h3{font-family:var(--serif)}.collection h2,.related>h2{font-size:42px;line-height:1.1;letter-spacing:-.7px;margin:10px 0 28px}.search{display:flex;align-items:center;border-bottom:1px solid #a9b5a9;width:270px;gap:10px;padding:8px 0}.search>span{font-size:30px;line-height:1}.search input{border:none;background:transparent;width:100%;min-width:0;font-size:14px;outline-offset:8px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 23px}.filters button{border:1px solid var(--line);border-radius:22px;padding:8px 17px;font-size:14px;transition:background .2s}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button:hover{border-color:var(--ink)}.collection-note{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;padding-bottom:16px}.question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.question-card{display:flex;flex-direction:column;padding:27px 29px 23px;min-height:295px;border:1px solid var(--line);transition:transform .2s,background .2s}.question-card:nth-child(3n){background:#edf0e9}.question-card:hover{transform:translateY(-4px);background:#e9eedc}.question-card.featured{background:var(--ink);color:var(--paper)}.question-card.featured:hover{background:#314d3e}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1.3px;font-weight:500}.featured .card-meta{color:var(--acid)}.question-card h3{font-size:37px;line-height:1.08;font-weight:400;letter-spacing:-.45px;margin:32px 0;max-width:340px}.card-bottom{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:auto;font-size:12px;color:var(--muted)}.featured .card-bottom{color:#d6decb}.card-bottom>span:last-child{font-size:25px;line-height:1}.closing{border-top:1px solid var(--line);padding-top:55px;padding-bottom:66px;text-align:center}.closing p{font-family:var(--serif);font-size:42px;line-height:1.2;margin:22px 0 28px}.closing p em{color:#71804b}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding:32px 5%;font-size:12px;max-width:1440px;margin:auto}footer .brand{font-size:25px}footer>span{color:var(--muted)}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:0}#empty{text-align:center;padding:60px 0}#empty h3{font-size:36px}#reset{border-bottom:1px solid}.article{max-width:830px;padding:44px 35px 60px;margin:auto}.back{font-size:14px;color:var(--muted)}.article-meta{margin-top:55px;display:flex;gap:18px;flex-wrap:wrap}.article h1{font-family:var(--serif);font-size:clamp(54px,6.3vw,84px);font-weight:400;line-height:1.02;letter-spacing:-1.8px;margin:24px 0 32px}.hook{font-size:23px;line-height:1.65;color:#52635a;margin-bottom:45px}.mirror{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0}.mirror h2{font-size:38px;line-height:1.15;margin:20px 0 5px}.exploration{font-size:18px;line-height:1.85;margin:36px 0}.exploration p{margin:0 0 20px}.shift{padding:8px 0 28px}.shift h2{font-size:36px;line-height:1.2;margin:15px 0}.prompt{padding:30px 34px;background:var(--acid);position:relative}.prompt .eyebrow{display:flex;justify-content:space-between;gap:20px}.prompt p{font-size:21px;line-height:1.65;margin:23px 0}.prompt-foot{font-size:13px}.article-end{display:flex;justify-content:space-between;gap:20px;margin-top:35px;font-size:12px;color:var(--muted)}.share{font-size:14px;padding:0;text-decoration:underline;text-underline-offset:4px}.related{border-top:1px solid var(--line);padding-top:45px;padding-bottom:65px}.about{padding-top:45px;padding-bottom:80px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-top:45px}.about h1{font-family:var(--serif);font-size:clamp(60px,6vw,86px);font-weight:400;line-height:1.04;letter-spacing:-1.8px;margin:22px 0}.about h1 em{color:#708143}.about-intro{font-size:24px;max-width:400px}.bio{max-width:560px;font-size:17px;color:#52635a;line-height:1.85}.court-photo{margin:0;align-self:start}.court-photo img{width:100%;height:610px;object-fit:cover;filter:saturate(.6)}figcaption{font-size:11px;letter-spacing:1.6px;margin-top:12px}.about-philosophy{max-width:750px;margin:80px auto 0}.about-philosophy h2{font-size:55px;line-height:1.05;margin:25px 0}.about-philosophy>p{font-size:18px;line-height:1.8}blockquote{font-family:var(--serif);font-size:32px;line-height:1.4;margin:40px 0;padding-left:30px;border-left:2px solid #82934d}.draft-note{max-width:750px;margin:55px auto 0;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:14px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:4px;box-shadow:0 4px 25px #0002;display:none}.field-note{margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.editor{max-width:900px;margin:50px auto;padding:0 25px}.editor h1{font-family:var(--serif);font-size:56px;line-height:1.1;font-weight:400}.editor label{display:block;margin:18px 0;font-size:14px}.editor input,.editor textarea,.editor select{display:block;width:100%;padding:12px;background:white;border:1px solid var(--line);font:inherit;margin-top:6px}.editor textarea{min-height:100px}.editor button{background:var(--ink);color:white;padding:10px 16px;margin-right:12px}.editor small{color:var(--muted)}
@media(min-width:1500px){.hero h1{font-size:112px}}@media(max-width:1000px){.question-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-index{display:none}.hero h1{font-size:85px}.hero-bottom{align-items:start}.about-grid{gap:6%}.court-photo img{height:530px}}
@media(max-width:650px){.site-header{padding:20px 6%;flex-wrap:wrap;gap:14px}.brand{font-size:28px}nav{width:100%;gap:22px;justify-content:space-between}nav .surprise{padding:7px 12px}.surprise span{margin-left:5px}.hero,.collection,.closing,.related,.about{padding-left:6%;padding-right:6%}.hero{padding-top:40px;padding-bottom:38px}.eyebrow{font-size:11px;letter-spacing:1.25px}.hero h1{font-size:clamp(52px,11.7vw,76px);letter-spacing:-1.6px;line-height:1.04;margin:25px 0}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.hero-bottom .text-link{display:inline-block;margin-top:23px}.collection-top{display:block}.collection h2{font-size:36px;margin-bottom:20px}.search{width:100%;margin:0 0 23px}.filters{gap:7px}.filters button{font-size:14px;padding:7px 13px}.question-grid{grid-template-columns:1fr;gap:13px}.question-card{min-height:265px;padding:24px}.question-card h3{font-size:39px;margin:30px 0}.collection-note{font-size:12px;align-items:end}.collection-note>span:first-child{max-width:220px}.collection{padding-bottom:40px}.closing{padding-top:40px;padding-bottom:45px}.closing p{font-size:32px}footer{flex-wrap:wrap;padding:28px 6%;gap:15px}footer .brand{width:100%}.article{padding:30px 6% 42px}.article-meta{margin-top:35px;gap:10px}.article h1{font-size:56px;line-height:1.03;margin-top:22px}.hook{font-size:20px;margin-bottom:30px}.mirror h2{font-size:33px}.exploration{font-size:17px}.shift h2{font-size:32px}.prompt{padding:25px}.prompt p{font-size:19px}.prompt .eyebrow{display:block}.prompt .eyebrow span{display:block;margin-top:5px;font-size:10px}.article-end{display:block}.share{display:block;margin-top:16px}.related>h2{font-size:36px}.about-grid{grid-template-columns:1fr;gap:25px;padding-top:32px}.about h1{font-size:65px}.court-photo img{height:400px}.about-philosophy{margin-top:50px}.about-philosophy h2{font-size:45px}blockquote{font-size:28px;padding-left:20px}.editor h1{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}