@charset "UTF-8";
:root{--blue:#2b42ef;--ink:#161616;--paper:#fafafa;--yellow:#dcff64}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #f07335;outline-offset:7px}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;gap:25px;border-bottom:1px solid #dedede}.brand{font-size:27px;font-weight:800;letter-spacing:-1.4px}.brand span{font-size:14px;letter-spacing:0;margin-left:16px}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--blue)}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.hero{position:relative;background:var(--blue);color:white;padding:37px 5% 38px;min-height:670px}.hero-meta{display:flex;justify-content:space-between;font-size:13px;letter-spacing:1px}.hero h1{font-size:clamp(54px,6.9vw,110px);font-weight:700;line-height:1.3;letter-spacing:-.045em;margin:60px 0 40px}.outlined{-webkit-text-stroke:1.5px white;color:transparent}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.hero-bottom p{font-size:18px;line-height:1.8;margin:0}.pill{display:inline-block;background:var(--yellow);color:var(--ink);padding:20px 29px;border-radius:60px;font-size:16px;transition:transform .2s}.pill:hover{transform:translateY(-4px)}.hero-index{margin-top:43px;opacity:.7;font-size:12px;letter-spacing:1.4px}.section{padding:75px 5%}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:50px}.eyebrow{font-size:14px;letter-spacing:1px;font-weight:600}.small{font-size:14px;color:#666}.handpix{display:grid;grid-template-columns:1fr 1.55fr;gap:6%;align-items:center;padding-bottom:68px}.number{font-size:14px;color:#555}.project-copy h2{font-size:clamp(40px,4.6vw,70px);line-height:1.16;margin:22px 0 25px;letter-spacing:-2px}.project-copy h2 span{color:var(--blue);font-size:.75em;letter-spacing:0}.project-copy p{color:#565656;line-height:1.85;max-width:380px;margin:18px 0;font-size:16px}.credit{font-size:14px;margin:25px 0;color:var(--blue);font-weight:600}.text-link{font-size:16px;border-bottom:1px solid var(--ink);display:inline-block;padding-bottom:7px}.text-link:hover{color:var(--blue)}figure{margin:0;background:#f0f1f5;padding:25px 22px 16px;transform:rotate(-2deg);border:1px solid #e0e0e0;border-radius:3px}figure img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;transition:transform .3s}figure a:hover img{transform:scale(1.02)}figcaption{font-size:12px;color:#666;padding-top:15px}.beans{display:grid;grid-template-columns:1fr 1.55fr;gap:6%;border-top:1px solid #ccc;padding-top:55px}.beans h2{font-size:clamp(40px,4.5vw,68px);margin:28px 0}.beans h2 span{display:block;font-size:12px;font-weight:500;letter-spacing:2px;margin-top:17px}.beans h3{font-size:30px;line-height:1.5;font-weight:500;margin:0 0 20px}.beans p{font-size:16px;line-height:1.9;color:#565656;max-width:580px}.tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:14px;border:1px solid #ccc;padding:8px 13px;border-radius:25px}.about{background:#e8ecff}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding:10px 0 20px}.about h2{font-size:clamp(40px,4.5vw,68px);margin:0;line-height:1.4;letter-spacing:-1px}.about em{font-style:normal;color:var(--blue)}.about-copy p{font-size:16px;line-height:1.9;color:#484b58;max-width:500px}.about-copy .lead{font-size:25px;color:var(--ink);margin:0 0 28px;line-height:1.7}.signature{font-size:32px;margin-top:38px}.signature span{font-size:14px;color:#626675;margin-left:13px}.contact{background:var(--yellow);padding-top:60px;padding-bottom:60px}.contact h2{font-size:clamp(40px,5vw,76px);line-height:1.35;letter-spacing:-2px;margin:38px 0 40px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-links a{display:flex;flex-direction:column;gap:10px;padding:22px 0;border-top:1px solid #64782d}.contact-links a span{font-size:23px;overflow-wrap:anywhere}.contact-links a small{font-size:14px;color:#495224}.contact-links a:hover span{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 5%;font-size:12px;color:#666}footer a{font-size:14px}body::selection{background:var(--yellow);color:var(--ink)}@media(min-width:1600px){header,.section,.hero,footer{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}@media(max-width:700px){header{padding:20px 6%;align-items:flex-start;flex-direction:column;gap:17px}.brand{font-size:24px}nav{gap:24px}.hero{padding:28px 6%;min-height:580px}.hero-meta{font-size:12px;letter-spacing:0}.hero h1{margin:65px 0 38px;font-size:clamp(43px,8.3vw,60px)}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.pill{margin-top:28px;padding:15px 24px}.hero-index{margin-top:35px}.section{padding:50px 6%}.section-top{align-items:flex-start;margin-bottom:35px}.section-top .small{max-width:125px;line-height:1.5}.handpix,.beans,.about-grid{grid-template-columns:1fr;gap:32px}.handpix{padding-bottom:45px}.project-copy h2{font-size:49px}.project-copy p{max-width:none}figure{padding:15px 12px;transform:rotate(-1deg)}.beans{padding-top:36px;gap:12px}.beans h2{font-size:50px}.beans h3{font-size:27px}.about h2{font-size:46px}.about-copy .lead{font-size:23px}.contact h2{font-size:47px;letter-spacing:-1px}.contact-links{grid-template-columns:1fr;gap:10px}.contact-links a span{font-size:21px}footer{padding:25px 6%;flex-wrap:wrap}footer span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}