:root{--blue:#124a91;--ink:#172b48;--muted:#64738a;--yellow:#f0c442;--line:#dde5ef;--pale:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:white;color:var(--ink);font:16px/1.8 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}header,main,footer{max-width:1200px;margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:750;letter-spacing:-.7px}.brand span{color:var(--yellow);padding:0 10px}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.text-link:hover{color:var(--blue);text-decoration:underline}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:center;padding:85px 0 65px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:700}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--yellow);margin-right:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,3.8vw,47px);line-height:1.5;letter-spacing:-1.8px;margin:22px 0}h1 span{background:linear-gradient(transparent 74%,#f8e6a3 0)}.intro{color:var(--muted);max-width:530px;font-size:15px;line-height:2}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;background:var(--blue);color:white;padding:12px 23px;gap:30px;font-size:14px}.button:hover{background:#0b356c}.text-link{font-size:14px;font-weight:600}.hero-bottom{font-size:10px;letter-spacing:1.6px;color:var(--muted);margin-top:45px}.hero-bottom b{color:#c7d2e3;padding:0 14px}.visual{background:var(--pale);padding:26px 24px;border:1px solid var(--line);position:relative}.visual:before{content:"";position:absolute;width:50px;height:4px;background:var(--yellow);top:-1px;left:24px}.visual-label{font-size:10px;color:var(--blue);letter-spacing:1.6px;display:flex;justify-content:space-between}.visual svg{width:100%;margin:24px 0 12px}.visual-caption{display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.5px}.visual-caption small{margin-left:auto;color:var(--muted);font-size:9px}.visual-caption i{display:inline-block;width:8px;height:8px;margin-right:5px}.blue{background:var(--blue)}.yellow{background:var(--yellow)}section{padding:55px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section-head .eyebrow{margin-bottom:5px}.section-head h2{font-size:27px;margin:0}.section-head>p{font-size:13px;color:var(--muted);margin:0}.empty{background:var(--pale);border-left:3px solid var(--yellow);padding:32px 38px}.empty-mark{font-size:10px;letter-spacing:2px;color:var(--muted)}.empty h3{font-size:21px;margin:14px 0 8px}.empty p,.project p,.tool p{color:var(--muted);font-size:14px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid var(--line);color:var(--muted);padding:2px 9px;font-size:11px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{padding:28px 24px;border:1px solid var(--line);display:flex;flex-direction:column}.project-top{display:flex;align-items:center;gap:16px;margin-bottom:34px}.project-top span{font-size:27px;color:#afc2dd;font-weight:300}.project-top small{font-size:9px;letter-spacing:1px;color:var(--blue)}.project h3{font-size:20px;margin-bottom:12px}.project .tags{margin-top:auto;padding-top:18px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool{display:flex;gap:25px;background:var(--pale);padding:30px;border:1px solid transparent}.tool:hover{border-color:var(--blue)}.tool-icon{width:52px;height:52px;display:grid;place-items:center;background:white;color:var(--blue);font-size:22px;font-weight:700}.tool>div{flex:1}.tool h3{font-size:20px;margin:0}.tool h3 span{float:right;color:var(--blue)}.tool p{margin:5px 0}.tool small{color:var(--muted);font-size:11px}.about{display:grid;grid-template-columns:1fr 3fr 1fr;gap:32px;padding:65px 0}.about h2{font-size:26px}.about p:not(.eyebrow){font-size:14px;color:var(--muted)}.about-sign{font-size:19px;color:var(--blue);font-family:Georgia,serif;font-style:italic;align-self:center}footer{display:flex;justify-content:space-between;padding:36px 0;font-size:12px;color:var(--muted)}footer strong{font-size:17px;color:var(--ink)}footer p{margin-bottom:0}footer a:hover{text-decoration:underline}.skip{position:absolute;top:-100px;background:var(--blue);color:white;padding:10px}.skip:focus{top:0}.note{display:flex;gap:35px;padding:30px 10px;border-top:1px solid var(--line)}.note:hover{background:var(--pale)}.note time,.note small{font-size:12px;color:var(--muted)}.note h3{font-size:22px;margin:4px 0}.note p{margin:0;color:var(--muted)}.note>span{margin-left:auto}.article{max-width:760px;margin:auto;padding:70px 0;min-height:60vh}.article .eyebrow{margin-top:40px}.article h1{font-size:36px}.article p{line-height:2}.lead{color:var(--muted)}@media(max-width:1280px){header,main,footer{margin-left:6%;margin-right:6%}}@media(max-width:800px){header{height:auto;min-height:95px;gap:20px;flex-wrap:wrap;padding:22px 0}nav{gap:22px}.hero{grid-template-columns:1fr;padding-top:45px;gap:35px}.visual{max-width:550px}.projects{grid-template-columns:1fr}.project-top{margin-bottom:15px}.tools{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:10px}.section-head{align-items:start;gap:15px;flex-direction:column}.section-head>p{font-size:12px}.about-sign{display:none}.empty{padding:25px}.note{gap:15px;flex-wrap:wrap}.note time{width:100%}footer{gap:20px;flex-wrap:wrap}h1{letter-spacing:-1px}.hero-bottom{letter-spacing:.8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}