.hero{padding:clamp(48px,6vh,80px) 0 clamp(32px,4vh,56px);min-height:calc(100vh - 86px);display:flex;align-items:center;background-image:radial-gradient(circle,rgba(11,11,11,.09) 1px,transparent 1px);background-size:26px 26px;animation:dotDrift 52s linear infinite}@keyframes dotDrift{0%{background-position:0 0}to{background-position:26px 26px}}.hero-inner{position:relative;will-change:opacity,transform}.hero .sig{display:inline-flex;align-items:center;color:var(--ink);margin-bottom:28px}.hero .sig svg{display:block}.hero .eye{margin-bottom:24px}.hero h1{font-family:var(--sans);font-weight:700;font-size:clamp(48px,5.4vw,80px);line-height:.95;letter-spacing:-.04em;margin:0;max-width:16ch;color:var(--ink)}.hero .sub{max-width:58ch;margin:28px 0 32px;font-size:var(--step-1);color:var(--ink-body);line-height:1.55}.hero .ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.fieldlog-wrap{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:18px 0;margin-top:clamp(40px,6vh,72px);overflow:hidden;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.fieldlog-track{display:flex;gap:48px;width:max-content;animation:tick 72s linear infinite;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--mid);white-space:nowrap}.fieldlog-track span{display:inline-flex;align-items:center;gap:18px}.fieldlog-track span:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--mid)}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hero,.fieldlog-track{animation:none}}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:var(--s-8);padding-bottom:var(--s-5);border-bottom:1px solid var(--hairline)}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--hairline);background:transparent;color:var(--mid);font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:-.005em;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.chip:hover{color:var(--ink);border-color:var(--ink);transform:translateY(-2px)}.chip.active{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.chip .count{font-family:var(--mono);font-size:10px;letter-spacing:.08em;opacity:.7}.featured{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--s-8);align-items:center;margin-bottom:var(--s-10);cursor:pointer;text-decoration:none}.featured .cover{aspect-ratio:5/4;background:var(--canvas-2);border:1px solid var(--hairline);position:relative;overflow:hidden;transition:border-color var(--dur-mid) var(--ease-out)}.featured .cover:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 40%,rgba(11,11,11,.08) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(11,11,11,.05) 1px,transparent 1px);background-size:22px 22px,34px 34px;transition:transform var(--dur-slow) var(--ease-out),filter var(--dur-slow) var(--ease-out)}.featured .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(11,11,11,.05));transition:background var(--dur-mid) var(--ease-out)}.featured:hover .cover{border-color:var(--ink)}.featured:hover .cover:before{transform:scale(1.08) rotate(.6deg);filter:contrast(1.15)}.featured .cover-arrow{position:absolute;right:0;bottom:0;width:56px;height:56px;background:var(--ink);color:var(--canvas);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:18px;transform:translate(56px,56px);transition:transform var(--dur-mid) var(--ease-out);z-index:3}.featured:hover .cover-arrow{transform:translate(0)}.featured .cover-inner{position:absolute;inset:0}.featured .meta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin-bottom:20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.featured .meta b{color:var(--ink);font-weight:500}.featured h3{font-family:var(--sans);font-weight:700;font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-.03em;margin:0 0 22px;max-width:18ch;color:var(--ink);transition:transform var(--dur-mid) var(--ease-out)}.featured h3 .dim{font-style:italic}.featured:hover h3{transform:translate(6px)}.featured .excerpt{margin:0 0 28px;font-size:var(--step-1);line-height:1.6;color:var(--ink-body);max-width:48ch;transition:transform var(--dur-mid) var(--ease-out)}.featured:hover .excerpt{transform:translate(6px)}.featured:hover .btn-hair{transform:translate(10px);color:var(--ink)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-7) var(--s-6)}.archive-card{display:flex;flex-direction:column;cursor:pointer;position:relative;text-decoration:none}.archive-card .cover{aspect-ratio:4/3;background:var(--canvas-2);border:1px solid var(--hairline);margin-bottom:22px;position:relative;overflow:hidden;transition:border-color var(--dur-mid) var(--ease-out),transform var(--dur-mid) var(--ease-out)}.archive-card .cover-inner{position:absolute;inset:0;transition:transform var(--dur-slow) var(--ease-out),filter var(--dur-slow) var(--ease-out)}.archive-card .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(11,11,11,.05));pointer-events:none;z-index:2;transition:background var(--dur-mid) var(--ease-out)}.archive-card .cover-arrow{position:absolute;right:0;bottom:0;width:48px;height:48px;background:var(--ink);color:var(--canvas);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:16px;transform:translate(48px,48px);transition:transform var(--dur-mid) var(--ease-out);z-index:3}.archive-card:hover .cover{border-color:var(--ink);transform:translateY(-6px)}.archive-card:hover .cover-inner{transform:scale(1.08);filter:contrast(1.2)}.archive-card:hover .cover-arrow{transform:translate(0)}.archive-card h4{font-family:var(--sans);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px;color:var(--ink);max-width:22ch;transition:transform var(--dur-mid) var(--ease-out),color var(--dur-mid) var(--ease-out)}.archive-card:hover h4{transform:translate(4px)}.archive-card .meta{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin-bottom:12px;display:flex;gap:14px;align-items:center;transition:color var(--dur-mid) var(--ease-out)}.archive-card .meta b{color:var(--ink);font-weight:500}.archive-card:hover .meta b{color:var(--ink)}.archive-card p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-body);max-width:38ch}.archive-card.c1 .cover-inner{background-image:radial-gradient(circle at 30% 40%,rgba(11,11,11,.1) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(11,11,11,.06) 1px,transparent 1px);background-size:20px 20px,32px 32px}.archive-card.c2 .cover-inner{background-image:linear-gradient(45deg,rgba(11,11,11,.06) 25%,transparent 25%),linear-gradient(-45deg,rgba(11,11,11,.06) 25%,transparent 25%);background-size:28px 28px}.archive-card.c3 .cover-inner{background-image:linear-gradient(rgba(11,11,11,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(11,11,11,.07) 1px,transparent 1px);background-size:24px 24px}.archive-card.c4 .cover-inner{background-image:radial-gradient(circle at 50% 50%,rgba(11,11,11,.08) 1px,transparent 1px);background-size:18px 18px}.archive-card.c5 .cover-inner{background-image:linear-gradient(90deg,rgba(11,11,11,.08) 1px,transparent 1px);background-size:14px 100%}.archive-card.c6 .cover-inner{background:conic-gradient(from 0deg at 50% 50%,rgba(11,11,11,.06) 0deg,transparent 90deg,rgba(11,11,11,.06) 180deg,transparent 270deg);background-size:60px 60px}.archive-card[data-hidden],.featured[data-hidden]{display:none!important}.newsletter{padding:var(--s-7) 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);margin-top:var(--s-8)}.newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-8);align-items:center}.newsletter .eye{margin-bottom:16px}.newsletter h3{font-family:var(--sans);font-weight:700;font-size:clamp(28px,2.6vw,38px);line-height:1.05;letter-spacing:-.025em;margin:0 0 12px;color:var(--ink);max-width:16ch}.newsletter h3 .dim{font-style:italic}.newsletter p{margin:0;font-size:16px;line-height:1.55;color:var(--ink-body);max-width:44ch}.signup{display:flex;gap:0;border:1px solid var(--ink);border-radius:4px;background:var(--canvas);overflow:hidden;transition:transform var(--dur-mid) var(--ease-out)}.signup:focus-within{transform:translateY(-2px)}.signup input{flex:1;border:none;background:transparent;padding:16px 20px;font-family:var(--sans);font-size:15px;color:var(--ink);outline:none}.signup input::placeholder{color:var(--mid)}.signup button{padding:16px 24px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:var(--canvas);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.signup button:hover{background:#1a1a1a}.signup-note{margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}@media(max-width:1100px){.archive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.featured{grid-template-columns:1fr;gap:var(--s-6)}.archive-grid{grid-template-columns:1fr;gap:var(--s-7)}.newsletter-inner{grid-template-columns:1fr;gap:40px}.hero{min-height:auto}}