:root{--ink:#101010;--paper:#f3f1eb;--accent:#ff4f2e;--line:rgba(16,16,16,.22);--pad:clamp(18px,2vw,34px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-header{position:fixed;z-index:50;left:14px;right:14px;top:12px;height:58px;padding:0 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid rgba(255,255,255,.38);border-radius:19px;background:rgba(255,255,255,.42);backdrop-filter:blur(24px) saturate(170%);box-shadow:inset 0 1px rgba(255,255,255,.7),0 12px 36px rgba(0,0,0,.08)}.logo{display:flex;align-items:center;gap:9px;font-weight:900}.logo img{width:28px}.site-header nav{display:flex;gap:26px;font-size:10px;letter-spacing:.12em}.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.phase{justify-self:end;font-size:9px;letter-spacing:.12em}.hero{min-height:100svh;padding:120px var(--pad) 28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-label,.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:800}.hero h1{font-size:clamp(62px,10.5vw,190px);line-height:.79;letter-spacing:-.085em;margin:5vh 0}.hero h1 i{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;border-top:1px solid;padding-top:17px}.hero-bottom p{font-size:clamp(20px,2.2vw,36px);line-height:1.25;margin:0}.hero-bottom span{font-size:10px;line-height:1.7}.selected{background:#111;color:#f4f1e9;padding:110px var(--pad)}.selected-head,.page-head{display:grid;grid-template-columns:1fr 3fr;gap:30px}.selected h2,.page-head h1,.about-hero h1{font-size:clamp(60px,9vw,145px);line-height:.84;letter-spacing:-.075em;margin:0}.featured{margin-top:90px}.featured a{display:grid;grid-template-columns:55px 1.2fr 1fr auto;gap:20px;align-items:center;padding:22px 0;border-top:1px solid #555}.featured a:last-child{border-bottom:1px solid #555}.featured strong{font-size:clamp(24px,3vw,50px);letter-spacing:-.04em}.featured span,.featured small{font-size:9px;letter-spacing:.1em}.featured a:hover strong{color:var(--accent)}.home-about{padding:120px var(--pad);display:grid;grid-template-columns:1fr 2fr;gap:8vw}.home-about h2{font-size:clamp(48px,6.5vw,105px);line-height:.9;letter-spacing:-.065em;margin:0}.home-about p{font-size:18px;line-height:1.7;max-width:650px}.text-link{display:inline-block;margin-top:30px;border:1px solid;border-radius:99px;padding:12px 17px;font-size:9px;letter-spacing:.12em}.contact-strip{min-height:70vh;background:var(--accent);padding:110px var(--pad) 28px;display:flex;flex-direction:column;justify-content:space-between}.contact-strip h2{font-size:clamp(60px,9vw,145px);line-height:.82;letter-spacing:-.075em;margin:0}.page-head{padding:150px var(--pad) 90px;min-height:72vh;align-content:end}.page-head p{font-size:18px;line-height:1.6;max-width:600px}.category-list{padding:0 var(--pad) 120px}.category{display:grid;grid-template-columns:55px 1.2fr 1.5fr auto;gap:24px;padding:28px 0;border-top:1px solid;align-items:center}.category:last-child{border-bottom:1px solid}.category h2{font-size:clamp(28px,4vw,62px);letter-spacing:-.05em;margin:0}.category p{font-family:Georgia,serif;font-style:italic;line-height:1.5}.category span,.category small{font-size:9px;letter-spacing:.11em}.category:hover{color:var(--accent)}.filterbar{position:sticky;z-index:20;top:82px;padding:12px var(--pad);display:flex;gap:7px;background:rgba(243,241,235,.8);backdrop-filter:blur(20px);border-block:1px solid var(--line);overflow-x:auto}.filterbar button{border:1px solid;border-radius:99px;background:none;padding:8px 12px;font-size:9px;letter-spacing:.1em;cursor:pointer;white-space:nowrap}.filterbar button.active{background:var(--ink);color:var(--paper)}.work-list{padding:30px var(--pad) 120px}.work-card{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;margin-bottom:70px}.work-card-media{aspect-ratio:16/10;background:#ddd;overflow:hidden}.work-card-media img{width:100%;height:100%;object-fit:cover;transition:.6s}.work-card:hover img{transform:scale(1.025)}.work-card h2{font-size:clamp(36px,5vw,78px);line-height:.9;letter-spacing:-.06em;margin:15px 0}.work-card p{line-height:1.6}.work-card small{font-size:9px;letter-spacing:.1em}.about-hero{padding:150px var(--pad) 100px}.about-hero p{font-size:clamp(22px,3vw,45px);line-height:1.25;max-width:1000px;margin:10vh 0 0 25%}.about-section{padding:100px var(--pad);border-top:1px solid;display:grid;grid-template-columns:1fr 3fr;gap:40px}.about-section h2{font-size:clamp(40px,6vw,90px);line-height:.9;letter-spacing:-.06em;margin:0}.timeline-row,.skill-row{display:grid;grid-template-columns:100px 1fr 1fr;padding:15px 0;border-top:1px solid}.timeline-row span,.skill-row span{font-size:10px}.skill-row{grid-template-columns:1.5fr 2fr auto}.project-template{padding:150px var(--pad) 100px}.project-template h1{font-size:clamp(65px,10vw,170px);line-height:.8;letter-spacing:-.08em;margin:8vh 0}.project-cover{width:100%;max-height:85vh;object-fit:cover}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 0;border-bottom:1px solid}.project-facts div{display:flex;flex-direction:column;gap:9px}.project-facts span{font-size:8px;letter-spacing:.12em}.template-block{min-height:60vh;padding:100px 0;border-bottom:1px solid;display:grid;grid-template-columns:1fr 2fr;gap:40px}.template-block h2{font-size:clamp(42px,6vw,90px);letter-spacing:-.06em;margin:0}.template-block p{font-size:18px;line-height:1.7;max-width:700px}.placeholder{background:#ddd;min-height:320px;display:grid;place-items:center;color:#777;font-size:10px;letter-spacing:.13em}footer{padding:30px var(--pad);display:flex;justify-content:space-between;background:#111;color:#eee;font-size:9px;letter-spacing:.1em}@media(max-width:760px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-bottom,.selected-head,.page-head,.home-about,.about-section,.work-card,.template-block{grid-template-columns:1fr}.hero h1{font-size:18vw}.featured a{grid-template-columns:38px 1fr auto}.featured small{display:none}.home-about{gap:35px}.category{grid-template-columns:35px 1fr auto}.category p{display:none}.about-hero p{margin-left:0}.timeline-row{grid-template-columns:75px 1fr}.timeline-row span:last-child{display:none}.skill-row{grid-template-columns:1fr auto}.skill-row span:nth-child(2){display:none}.project-facts{grid-template-columns:1fr 1fr}.phase{display:none}footer{flex-direction:column;gap:10px}}