body{margin:0;color:#000;line-height:1.6;font-family:Quicksand,Arial,Helvetica,sans-serif;overflow-y:hidden;background-color:#fff;display:flex;justify-content:center;align-items:center}header{padding:100px 20px 20px;text-align:center}header h1{margin:0;font-size:3.4rem;width:70vw;display:inline-block}h1 .wave-text{animation:wave 5s ease-in-out infinite}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wave-p{color:#000;animation:wave 5s ease-in-out infinite}header p{font-size:1rem;margin-top:60px;color:#000}main{max-width:800px;margin:0 auto;padding:20px}* .intro-page{animation:wave 5s ease-in-out infinite}.intro-page{text-align:center;margin-top:100px;color:#000}.intro-page button{padding:12px 25px;font-size:1rem;background:#8c8c8c;cursor:pointer;border-radius:4px;transition:.2s;margin-top:30px;border:3px outset #b3b3b3;color:#fff;font-weight:600}.intro-page button:hover{background:transparent;color:#fff;border:2px solid #fff}.circle{width:700px;height:700px;position:absolute;left:calc(50vw - 350px);top:10%;background:radial-gradient(circle at 30% 30%,#e6e5e5,#6a6a6a 70%);border-radius:50%;filter:blur(.7px);z-index:-30;animation:float 18s ease-in-out infinite;transition:transform .2s ease-out}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.02)}to{transform:translate(0) scale(1)}}.circle:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 60% 40%,rgba(255,255,255,.35),transparent 60%);animation:water 12s linear infinite;border-radius:50%}@keyframes water{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.work-header h1{font-size:27px;text-align:left;width:100%}.work-header p{text-align:left}.work-page{display:flex;gap:40px;margin-top:40px;animation:appear .5s ease-in}.work-details{flex:2}.work-details h2{margin-top:0;font-size:1.6rem}.work-details .meta{font-size:.95rem;color:#000;margin:10px 0}.work-details button{cursor:pointer;transition:.2s;background-color:#000;border:2px;border-radius:10px;padding:15px 20px;color:#fff;letter-spacing:.15em;margin-right:20px;font-weight:600;font-family:Quicksand}.work-details button:hover{background:transparent;color:#000;border:2px solid #000000}.work-image{flex:1;display:flex;justify-content:center;align-items:center;border-radius:6px;font-size:.9rem}.work-image img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px}@keyframes appear{0%{opacity:0}to{opacity:1}}