:root{--blue:#84deff;--pad:clamp(24px,6.94vw,120px)}
.education .edu.left h3{white-space:nowrap}
.experience>h2{left:0!important;width:100%!important;transform:none!important;text-align:center!important}
.experience .jobs article.ucca{margin-left:0!important;text-align:left!important;max-width:none!important}
.experience .jobs article.ucca h3{font-size:clamp(40px,3.7vw,64px)!important;white-space:nowrap}
.experience .jobs article.ucca p{margin-left:0!important;max-width:1032px!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:Montserrat,Arial,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin:0}.panel,.education,.experience,.works,.playground{position:relative;overflow:hidden;background-color:#000}.panel{height:min(64.64vw,1117px);min-height:720px}.face{background-image:url('assets/raw_01.png');background-position:center;background-size:cover}.floating{background-image:url('assets/raw_05.png');background-position:center;background-size:cover}.forest{background-image:url('assets/raw_13.png');background-position:center top;background-size:cover}.nav{position:fixed;z-index:20;top:0;left:0;width:100%;height:101px;padding:36px 3.47vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);backdrop-filter:blur(7px);font-size:18px;font-weight:700}.brand{display:flex;align-items:center;gap:16px;white-space:nowrap}.brand img{width:53px;height:27px}.nav nav{display:flex;gap:5.55vw}.nav-end{display:flex;align-items:center;gap:23px}.nav button{border:0;border-radius:5px;width:28px;height:28px;background:#fff;font:500 16px Montserrat;cursor:pointer}.hero h1{position:absolute;left:var(--pad);bottom:12%;font-size:clamp(56px,5.56vw,96px);line-height:1}.services{position:absolute;right:6.94vw;top:29%;font-size:36px;line-height:1;text-align:right}.intro h2{position:absolute;top:16%;left:var(--pad);font-size:96px;line-height:1}.based{position:absolute;right:8.7%;top:51%;font-size:36px}.lead{position:absolute;left:var(--pad);bottom:20%;font-size:36px;line-height:1}.about{color:#fff}.statement{position:absolute;top:20%;left:var(--pad);max-width:1120px;font-size:36px;line-height:1}.statement span,.education span,.experience span,.jobs h4 span{color:var(--blue)}.note{position:absolute;font-size:16px;line-height:1}.n1{left:15%;top:62%}.n2{right:10%;top:73%;text-align:right}.n3{left:24%;top:87%}.education{height:1421px}.education h2,.experience>h2{position:absolute;left:var(--pad);top:12%;font-size:96px;line-height:1}.edu{position:absolute}.edu h3{font-size:96px;line-height:1}.edu p{font-size:36px;margin-top:36px}.edu small{font-size:16px;display:block;margin-top:36px}.edu.right{top:39%;right:8.7%;text-align:right}.edu.left{top:70%;left:var(--pad)}.experience{height:1903px}.experience>h2{left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.jobs{position:absolute;top:24%;left:var(--pad);right:var(--pad);display:grid;gap:78px}.jobs article{max-width:900px}.jobs article.right{margin-left:auto;text-align:right}.jobs h3{font-size:64px;line-height:1}.jobs h4{font-size:36px;line-height:1;margin-top:36px;font-weight:500}.jobs p{font-size:16px;line-height:1.15;margin-top:36px;max-width:780px}.jobs .right p{margin-left:auto}.works{min-height:1714px;padding:140px var(--pad)}.works:before,.playground:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.25)}.works>* ,.playground>*{position:relative}.works h2,.playground h2{font-size:96px;line-height:1;margin-bottom:100px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:96px}.card{height:401px;border:1px solid #fff;border-radius:16px;overflow:hidden;background:#080808}.card img{width:100%;height:279px;object-fit:cover;display:block}.card div{padding:16px}.card h3{font-size:36px;line-height:1}.card p{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.card p span{border:.5px solid var(--blue);border-radius:16px;padding:4px 12px;font-size:16px}.card.wide{grid-column:1/-1}.playground{height:2009px;padding:145px var(--pad)}.playground h2{margin:0}.visible{animation:rise .7s ease both}@keyframes rise{from{opacity:.2;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:900px){.nav{height:72px;padding:20px 22px}.nav nav{display:none}.nav-end>a{display:none}.panel{height:100vh;min-height:720px}.services{top:17%;font-size:18px}.hero h1,.intro h2,.education h2,.experience>h2,.works h2,.playground h2{font-size:clamp(38px,11vw,64px)}.intro .lead,.statement{font-size:20px;line-height:1.15}.intro h2{font-size:56px}.based{font-size:20px;top:50%}.about .note{font-size:13px;left:24px;right:24px;width:auto}.n1{top:55%}.n2{top:70%}.n3{top:85%}.education{height:1100px}.edu{left:24px!important;right:24px!important;text-align:left!important}.edu.right{top:38%}.edu.left{top:68%}.edu h3{font-size:40px}.edu p{font-size:20px;margin-top:20px}.edu small{margin-top:16px}.experience{height:1500px}.jobs{top:22%;gap:55px}.jobs article.right{margin:0;text-align:left}.jobs h3{font-size:34px}.jobs h4{font-size:18px;margin-top:14px}.jobs p{font-size:13px;margin-top:14px}.works{padding-top:100px}.grid{grid-template-columns:1fr;gap:28px}.card.wide{grid-column:auto}.works{min-height:auto}.playground{height:100vh}.brand strong{font-size:13px}.brand img{width:40px}.card{height:auto}.card img{height:auto;aspect-ratio:2.3/1;object-fit:cover}}