:root{--paper:#f0eee7;--ink:#171714;--muted:#716f67;--line:#c9c5b9;--red:#e1432f;--acid:#d7f15a;--pad:clamp(20px,4vw,64px)}body{background:var(--paper);color:var(--ink);font-family:Songti SC,Noto Serif CJK SC,Georgia,serif}.home-shell{max-width:1600px;padding:0 var(--pad);margin:auto}.hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(220px,28vw);align-items:end;gap:clamp(32px,7vw,120px);min-height:640px;padding:clamp(72px,11vw,160px) 0 70px;display:grid;overflow:hidden}.eyebrow{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:25px;font:11px Arvo,PingFang SC,sans-serif;display:flex}.eyebrow:before{content:"";background:var(--red);width:36px;height:2px}h1{letter-spacing:-.075em;max-width:1050px;margin:0;font-size:clamp(64px,11.5vw,178px);font-weight:500;line-height:.82}h1 em{color:var(--red);font-style:italic;font-weight:400}.hero-note{align-self:center;max-width:360px;font-size:clamp(16px,1.4vw,21px);line-height:1.7}.hero-note strong{letter-spacing:-.06em;margin-bottom:18px;font:700 clamp(38px,5vw,72px)/1 Arvo,sans-serif;display:block}.hero-note p{margin:0 0 26px}.down{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;font:11px Arvo,sans-serif;text-decoration:none;display:inline-flex}.down span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;transition:all .25s;display:grid}.down:hover span{background:var(--ink);color:var(--paper);transform:translateY(4px)}.manifesto{border-bottom:1px solid var(--ink);grid-template-columns:1fr 2fr;display:grid}.manifesto-label{letter-spacing:.14em;text-transform:uppercase;padding:42px 0;font:11px/1.5 Arvo,sans-serif}.manifesto-text{border-left:1px solid var(--ink);letter-spacing:-.035em;padding:38px 0 44px clamp(30px,7vw,110px);font-size:clamp(24px,3.5vw,52px);line-height:1.22}.manifesto-text p{max-width:950px;margin:0}.manifesto-text mark{background:var(--acid);color:inherit;padding:0 .08em}.work{padding:clamp(60px,8vw,120px) 0}.work-head{grid-template-columns:1fr auto;align-items:end;gap:30px;margin-bottom:42px;display:grid}.work-head h2{letter-spacing:-.06em;margin:0;font-size:clamp(42px,6vw,88px);font-weight:500;line-height:.95}.controls{border-bottom:1px solid var(--ink);align-items:center;gap:15px;min-width:min(320px,40vw);padding:0 0 8px;display:flex}.controls input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font:12px Arvo,PingFang SC,sans-serif}.controls input::placeholder{color:var(--muted)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:35px;display:flex}.filter{border:1px solid var(--ink);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:999px;padding:8px 14px;font:10px Arvo,PingFang SC,sans-serif;transition:all .2s}.filter:hover,.filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.grid{border-top:1px solid var(--ink);grid-template-columns:repeat(12,1fr);display:grid}.story{--story-color:hsl(var(--hue) 30% 28%);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:0 0;flex-direction:column;grid-column:span 4;min-height:360px;padding:clamp(24px,3vw,42px);text-decoration:none;transition:color .25s;display:flex;position:relative;overflow:hidden}.story.edge{border-right:0}.story:before{content:"";background:var(--story-color);z-index:0;transition:inset .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:100% 0 0}.story>*{z-index:1;position:relative}.story:hover{color:var(--paper)}.story:hover:before{inset:0}.story-top{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:20px;font:10px/1.4 Arvo,PingFang SC,sans-serif;display:flex}.story-no{color:var(--red)}.story:hover .story-no{color:var(--acid)}.story h3{letter-spacing:-.035em;margin:auto 0 24px;font-size:clamp(24px,2.25vw,38px);font-weight:500;line-height:1.12}.story-foot{color:var(--muted);justify-content:space-between;align-items:end;gap:16px;font:11px/1.4 Arvo,PingFang SC,sans-serif;display:flex}.story-foot>span:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story:hover .story-foot{color:var(--paper)}.arrow{font-size:25px;line-height:1;transition:transform .25s}.story:hover .arrow{transform:translate(5px,-5px)}.story.featured{background:var(--acid);grid-column:span 8;min-height:520px}.story.featured:before{background:var(--red)}.story.featured h3{max-width:900px;font-size:clamp(42px,5.2vw,82px)}.story.wide{grid-column:span 8}.story[hidden]{display:none}.empty{border-bottom:1px solid var(--ink);padding:50px 0;font-size:22px;display:none}.reveal{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards arrive;transform:translateY(20px)}.hero .reveal:nth-child(2){animation-delay:.12s}@keyframes arrive{to{opacity:1;transform:none}}@media (width<=900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-note{max-width:560px}.manifesto{grid-template-columns:1fr}.manifesto-text{border-left:0;border-top:1px solid var(--ink);padding-left:0}.story,.story.featured,.story.wide{grid-column:span 6}.story.edge{border-right:1px solid var(--ink)}.story:nth-child(2n){border-right:0}.story.featured h3{font-size:clamp(38px,7vw,62px)}}@media (width<=620px){.hero{padding-top:70px}.work-head{grid-template-columns:1fr}.controls{min-width:100%}.story,.story.featured,.story.wide{grid-column:1/-1;min-height:340px;border-right:0!important}.story.featured{min-height:430px}.manifesto-text{padding-right:0}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}.story:before,.story,.arrow,.down span{transition:none}}