body{margin:0;background:#fffaf6;color:#29404a;font-family:system-ui,"Microsoft YaHei",sans-serif;line-height:1.7}header{height:78px;padding:0 max(28px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0ddd7;position:sticky;top:0;background:#fffaf6dd;backdrop-filter:blur(13px);z-index:2}.brand{font-size:22px;font-weight:800;text-decoration:none;color:#29404a}.brand:first-letter{color:#e995a8}.brand i{font-style:normal;color:#65acc5;font-size:16px}nav{display:flex;gap:28px}nav a{font-size:14px;color:#71838a;text-decoration:none}.hero,.about,.projects,.blog-call{width:min(1120px,calc(100% - 56px));margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.2em;color:#e995a8;font-weight:800;margin:0 0 15px}.hero h1{font:72px/1.15 Georgia,serif;margin:0 0 23px}.hero h1 em,h2 em{font-style:italic;color:#509cb8}.intro{color:#71838a;font-size:17px;max-width:510px}.button{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:700;margin:25px 10px 0 0}.main{background:#5ca9c2;color:#fff;box-shadow:0 10px 25px #5ca9c233}.soft{background:#f9e8e5;color:#c97688}.portrait{height:440px;position:relative;display:grid;place-items:center}.portrait img{position:relative;width:330px;height:330px;object-fit:cover;border-radius:48% 52% 50% 50%;border:9px solid #fff;box-shadow:0 20px 40px #79bfd33d;z-index:1}.halo{position:absolute;width:390px;height:390px;border-radius:50%;background:#d9f0f5;transform:rotate(-12deg)}.bubble{position:absolute;right:0;bottom:28px;background:#fff;padding:15px 18px;border-radius:18px 18px 4px 18px;color:#71838a;font-size:13px;box-shadow:0 10px 25px #59778318;z-index:2}.bubble strong{color:#5ca9c2}.about{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid #f0ddd7}.about h2,.projects h2,.blog-call h2{font:42px/1.25 Georgia,serif;margin:0}.about>p{color:#71838a;font-size:16px;align-self:end}.projects{padding:90px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.cards a{background:#fff;border:1px solid #f0e5df;border-radius:18px;padding:25px;text-decoration:none;color:#29404a;min-height:150px;transition:.25s}.cards a:hover{transform:translateY(-6px)}.cards small{font-size:10px;letter-spacing:.12em;color:#e995a8;font-weight:800}.cards h3{font-size:21px;margin:23px 0 7px}.cards p{color:#71838a;font-size:14px;margin:0}.blog-call{padding:60px 58px;margin-bottom:95px;border-radius:24px;background:#e3f3f6;display:flex;align-items:center;justify-content:space-between}.blog-call p:not(.eyebrow){color:#71838a}footer{padding:26px;text-align:center;border-top:1px solid #f0ddd7;color:#71838a;font-size:12px}@media(max-width:700px){nav{gap:12px}nav a:nth-child(-n+2){display:none}.hero{grid-template-columns:1fr;padding:70px 0;gap:35px}.hero h1{font-size:54px}.portrait{height:330px}.portrait img{width:230px;height:230px}.halo{width:280px;height:280px}.about{grid-template-columns:1fr;gap:25px;padding:70px 0}.cards{grid-template-columns:1fr}.blog-call{display:block;padding:35px 27px;margin-bottom:65px}}