*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:#191919;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #777;outline-offset:6px}header{position:absolute;top:0;left:0;width:100%;padding:36px 4.7%;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand img{display:block;width:144px}nav{display:flex;gap:60px;font-size:18px}nav a{position:relative;padding:3px 0 8px}nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#191919;transition:width .25s}nav a:hover:after,nav a.active:after{width:20px}.hero{height:56.25vw;min-height:420px;background:#d8d8d8;position:relative;display:grid;place-items:center}.switch{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;border-radius:30px;padding:3px;display:flex;gap:2px}.switch button{border:0;border-radius:24px;background:transparent;color:#555;font-size:9px;width:49px;height:23px}.switch button.selected{background:#1b1b1b;color:#fff}.statement{text-align:center;padding:100px 24px}.statement[hidden]{display:none}.statement p{font-size:15px}.statement h1{font-weight:400;font-size:clamp(32px,4.2vw,70px);line-height:1.35;letter-spacing:-.04em}.statement span{font-size:10px;letter-spacing:2px}.work{padding:10.1vw 4.7% 12vw}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project{position:relative;background:#d8d8d8;aspect-ratio: .837;overflow:hidden}.project.wide{grid-column:span 2;aspect-ratio:1.71}.project img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.project:hover img{transform:scale(1.025)}.caption{position:absolute;bottom:18px;left:18px;color:#fff}.caption h2{font-size:12px;margin:0 0 4px;font-weight:500}.caption p{font-size:10px;margin:0;opacity:.85}footer{background:#191919;color:#858585;padding:46px 4.7% 54px}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr 32px;gap:36px;align-items:start}.footer-brand img{width:210px;filter:invert(1);opacity:.55}.footer-main h2{font-size:10px;font-weight:400;margin:0 0 18px}.footer-main p{font-size:10px;line-height:1.8;margin:0}.back-top{border:1px solid #777;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;font-size:20px}.copyright{font-size:9px;border-top:1px solid #666;padding-top:10px;margin-top:40px}.loader{position:fixed;inset:0;background:#191919;display:grid;place-items:center;z-index:100;transition:opacity .65s,visibility .65s}.loader img{width:min(450px,55vw);filter:invert(1)}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.about{position:fixed;inset:0;z-index:20;background:#191919;color:#fff;padding:15vh 10vw;overflow:auto}.about[hidden]{display:none}.about>span{font-size:12px;letter-spacing:3px;color:#aaa}.about h2{font-size:clamp(50px,9vw,130px);letter-spacing:-.06em;margin:35px 0}.about p{font-size:clamp(20px,3vw,40px)}.about p.about-note{font-size:14px;line-height:2;color:#aaa}.close{position:absolute;right:5%;top:25px;background:none;color:#fff;border:0;font-size:40px}body.modal-open{overflow:hidden}@media(min-width:1800px){header{padding-top:48px}.brand img{width:190px}.projects{gap:22px}.caption h2{font-size:16px}.caption p{font-size:13px}}@media(max-width:900px){header{padding:26px 4.7%}.brand img{width:120px}nav{font-size:13px;gap:32px}.projects{gap:12px}.caption{left:14px;bottom:14px}.footer-main{grid-template-columns:1fr 1fr;gap:30px}.back-top{justify-self:end}.footer-brand img{width:170px}}@media(max-width:600px){header{padding:24px 6%}.brand img{width:108px}nav{gap:19px;font-size:10px}nav a.active:after{width:14px}.hero{height:88svh;min-height:480px;max-height:850px}.switch{bottom:24px}.switch button{font-size:10px;width:54px;height:26px}.work{padding:clamp(32px,8vw,48px) clamp(10px,3vw,18px) clamp(48px,12vw,72px)}.projects{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:clamp(6px,2vw,10px)}.project{aspect-ratio:.8}.project.wide{grid-column:span 2;aspect-ratio:1.3}.caption{left:12px;bottom:12px}.caption h2{font-size:10px}.caption p{font-size:9px}footer{padding:36px 6%}.footer-main{gap:30px 20px}.footer-brand{grid-column:span 2}.footer-brand img{width:165px}.footer-main p{font-size:10px}.back-top{grid-column:2}.copyright{margin-top:25px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.loader{display:none}}