@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600&display=swap');
:root{--black:#000;--white:#fff;--grey:#a6a6a6;--line:rgba(255,255,255,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:#000;color:#fff;font-family:"Noto Sans SC",sans-serif;overflow-x:hidden}#line-waves{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}header,main,footer{position:relative;z-index:1}header{height:70px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.name,.email{color:#fff;text-decoration:none;font:500 12px "DM Mono",monospace;letter-spacing:.09em}nav{display:flex;gap:26px}nav a{color:#aaa;text-decoration:none;font:11px "DM Mono",monospace}nav a:hover{color:#fff}.menu{display:none;background:none;border:0;color:#fff;font:11px "DM Mono",monospace}.hero{min-height:calc(100dvh - 70px);padding:9vh 9vw 4vh;display:flex;flex-direction:column;justify-content:space-between}.label,footer,.scroll{margin:0;color:#aaa;font:10px "DM Mono",monospace;letter-spacing:.12em}.hero h1{margin:0;font-size:clamp(70px,11vw,170px);line-height:.82;letter-spacing:-.09em;font-weight:500}.hero h1 span{color:#999}.intro{margin:35px 0 25px;font-size:15px;color:#ddd}.text-link{display:inline-flex;gap:24px;color:#fff;text-decoration:none;font:12px "DM Mono",monospace;border-bottom:1px solid #fff;padding-bottom:8px}.scroll{align-self:flex-end}.section{padding:145px 9vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3.5fr;gap:9vw;background:rgba(0,0,0,.42)}h2{margin:0;font-size:clamp(44px,6vw,92px);line-height:.95;letter-spacing:-.075em;font-weight:500}.about>div p{max-width:620px;color:#d0d0d0;font-size:17px;line-height:1.9}.about dl{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);margin:38px 0 0;border-top:1px solid var(--line)}.about dl div{padding:18px 15px 0 0}.about dl div+div{padding-left:15px;border-left:1px solid var(--line)}dt{font-size:11px;color:#999;margin-bottom:8px}dd{margin:0;font-size:12px;line-height:1.7}.section-title p{color:#aaa;font-size:13px;max-width:360px;line-height:1.8}.experience-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.experience-list article{min-height:285px;padding:24px;border-right:1px solid var(--line);background:rgba(0,0,0,.55)}.experience-list article:last-child{border:0}.experience-list span{font:10px "DM Mono",monospace;color:#aaa}.experience-list h3{margin:70px 0 12px;font-size:21px;font-weight:500;letter-spacing:-.045em}.experience-list p{margin:0;color:#aaa;font-size:12px;line-height:1.8}.skills{background:#fff;color:#000}.skills .label{color:#555}.skills ul{list-style:none;padding:0;margin:45px 0 0;border-top:1px solid #999}.skills li{border-bottom:1px solid #999;padding:20px 0;font-size:21px;letter-spacing:-.035em}.skills li span{display:inline-block;width:62px;color:#666;font:10px "DM Mono",monospace;letter-spacing:0}.contact{padding:145px 9vw 115px;border-top:1px solid var(--line)}.contact h2{margin:70px 0 55px;font-size:clamp(62px,9vw,145px)}.email{display:inline-flex;gap:35px;font-size:15px;border-bottom:1px solid #fff;padding-bottom:10px}.email b{font-size:24px}.hint{color:#888;font-size:11px;margin-top:25px}footer{display:flex;justify-content:space-between;padding:20px 5vw;border-top:1px solid var(--line);font-size:9px}@media(max-width:760px){header{height:62px;padding:0 7vw}nav{display:none;position:absolute;top:62px;left:0;right:0;background:#000;border-bottom:1px solid var(--line);padding:20px 7vw;flex-direction:column}.menu{display:block}.hero{min-height:calc(100dvh - 62px);padding:8vh 7vw 4vh}.hero h1{font-size:clamp(63px,18vw,95px)}.section{padding:95px 7vw;display:block}.label{margin-bottom:42px}.about>div p{font-size:15px}.about dl{grid-template-columns:1fr;margin-top:35px}.about dl div,.about dl div+div{border-left:0;border-bottom:1px solid var(--line);padding:14px 0}.section-title p{margin:25px 0 45px}.experience-list{grid-template-columns:1fr}.experience-list article{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}.experience-list h3{margin-top:45px}.skills li{font-size:18px}.contact{padding:95px 7vw 75px}.contact h2{margin:50px 0 40px}.email{font-size:12px;gap:18px}footer{padding:18px 7vw;font-size:8px;gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}