@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f5f2;--white:#fff;--ink:#171717;--muted:#777;--line:#deded9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;line-height:1.7}.container{width:min(1120px,90%);margin:auto}a{color:inherit}.navbar{position:sticky;top:0;z-index:10;background:#f5f5f2d9;backdrop-filter:blur(16px);border-bottom:1px solid #00000010}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:21px;font-weight:800;text-decoration:none}.logo span{color:#999}nav{display:flex;gap:30px}nav a{text-decoration:none;color:#777;font-size:14px}nav a:hover,nav a.active{color:#111}.menu{display:none;border:0;background:none;font-size:22px}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:85px 0}.eyebrow{font-size:11px;letter-spacing:2.4px;color:#858585;font-weight:700;margin:0 0 16px}.hero h1{font-size:clamp(54px,8vw,94px);line-height:1.02;letter-spacing:-5px;margin:0}.hero h1 span{font-weight:500}.lead{max-width:580px;color:var(--muted);font-size:18px;margin:30px 0}.actions{display:flex;gap:12px}.btn{padding:13px 22px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;transition:.35s}.primary{background:#181818;color:white}.primary:hover{transform:translateY(-3px)}.ghost{border:1px solid var(--line)}.ghost:hover{background:#fff}.stats{display:flex;gap:35px;margin-top:65px}.stats b{font-size:17px}.stats small{display:block;color:#888;font-size:11px;font-weight:400}.visual{position:relative;min-height:460px;display:grid;place-items:center}.visual>i{position:absolute;width:290px;height:290px;border-radius:50%;background:#e4e2da;top:5px;right:0}.profile{position:relative;width:370px;height:445px;padding:30px;border-radius:30px;background:#1b1b1b;color:#fff;box-shadow:0 35px 80px #00000020;transform:rotate(2deg);overflow:hidden}.profile:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #555;border-radius:50%;right:-100px;bottom:-100px}.top{display:flex;justify-content:space-between;color:#888;font-size:11px;letter-spacing:2px}.profile>strong{display:block;font-size:110px;line-height:1;margin-top:80px}.profile h2{font-size:25px;margin:15px 0 0}.profile p{color:#aaa;margin:0}.profile hr{border:0;border-top:1px solid #444;margin:65px 0 12px}.profile small{color:#777;letter-spacing:2px;font-size:9px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eeeee9;padding:12px 0;white-space:nowrap}.marquee div{width:max-content;letter-spacing:4px;color:#888;font-size:12px;animation:move 24s linear infinite}@keyframes move{to{transform:translateX(-35%)}}.section{padding:105px 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.head h2{font-size:45px;letter-spacing:-2px;margin:0}.head>p{color:#888;font-size:13px}.aboutgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.aboutmain{background:#fff;border:1px solid var(--line);border-radius:24px;padding:42px}.big{font-size:28px;line-height:1.45}.aboutmain>p:not(.big){color:#777}.aboutmain>a{text-decoration:none;font-weight:700;font-size:14px;border-bottom:1px solid}.minis{display:grid;grid-template-columns:1fr 1fr;gap:20px}.minis article{background:#e9e9e3;border-radius:24px;padding:28px;min-height:165px}.minis h3{margin:24px 0 0}.minis p{font-size:12px;color:#777;margin:0}.works{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work{min-height:250px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:.45s cubic-bezier(.2,.7,.2,1)}.work:hover{transform:translateY(-7px);box-shadow:0 20px 45px #0000000d}.work.large{grid-row:span 2;min-height:520px;background:#deded8}.work>span{font-size:12px;color:#888}.work small{font-size:10px;letter-spacing:2px;color:#888}.work h3{font-size:35px;margin:6px 0}.work p{font-size:13px;color:#777;margin:0}.work b{align-self:flex-end;font-size:24px;font-weight:400}.quote{text-align:center;padding:120px 0}.quote>div{font-size:80px;color:#bbb;line-height:.7}.quote blockquote{font-size:clamp(28px,4vw,48px);line-height:1.35;letter-spacing:-1.5px;margin:25px 0}.quote span{font-size:12px;color:#888}.contact{display:flex;justify-content:space-between;align-items:center;background:#1b1b1b;color:#fff;border-radius:30px;padding:55px 60px;margin-bottom:105px}.contact h2{font-size:38px;margin:0}.contact p:not(.eyebrow){color:#999}.contact>a{background:#fff;color:#111;border-radius:999px;padding:16px 22px;text-decoration:none;font-size:14px;font-weight:700}footer{border-top:1px solid var(--line)}.foot{min-height:90px;display:flex;align-items:center;justify-content:space-between;color:#888;font-size:11px}.foot a{text-decoration:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.75,.2,1)}.reveal.show{opacity:1;transform:none}@media(max-width:800px){nav{display:none}.menu{display:block}nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:20px 5%;flex-direction:column;gap:14px;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding:70px 0}.visual{min-height:400px}.profile{width:min(370px,92%);height:400px}.profile>strong{margin-top:55px}.stats{margin-top:45px}.section{padding:75px 0}.head{display:block}.aboutgrid,.works{grid-template-columns:1fr}.work.large{grid-row:auto;min-height:400px}.contact{display:block;padding:40px 30px}.contact>a{display:inline-block;margin-top:20px}.foot{min-height:auto;padding:22px 0;gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.marquee div{animation:none}}