:root{--text:#1e1c27;--muted:#74717c;--line:#dedce5;--bg:#fffdf9;--lilac:#e7ddff;--mint:#d9f7e7;--peach:#ffd9c9;--yellow:#fff0a7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.sidebar{position:fixed;z-index:3;top:0;bottom:0;width:230px;border-right:1px solid var(--line);padding:30px 26px;display:flex;flex-direction:column;background:#fffdf9e8;backdrop-filter:blur(14px)}.name{font-size:17px;font-weight:700;line-height:1.08;text-decoration:none;color:var(--text);letter-spacing:-.5px}.sidebar nav{margin-top:110px;display:flex;flex-direction:column;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 9px;border-radius:5px;color:#333;text-decoration:none;font-size:14px;transition:background .18s,transform .18s}.sidebar nav a:hover,.sidebar nav a.active{background:var(--lilac);transform:translateX(3px)}.sidebar nav a:nth-child(2):hover{background:var(--mint)}.sidebar nav a:nth-child(3):hover{background:var(--peach)}.sidebar nav span{font-size:11px;color:#777090;width:20px}.sidebar>p{margin:auto 0 0;font-size:11px;color:#999}main{margin-left:230px;background:radial-gradient(ellipse 55% 11% at 83% 5%,var(--lilac) 0%,transparent 78%),radial-gradient(ellipse 56% 11% at 67% 17%,var(--yellow) 0%,transparent 76%),radial-gradient(ellipse 64% 12% at 15% 31%,var(--mint) 0%,transparent 76%),radial-gradient(ellipse 52% 11% at 85% 45%,var(--peach) 0%,transparent 78%),radial-gradient(ellipse 65% 13% at 12% 60%,var(--lilac) 0%,transparent 78%),radial-gradient(ellipse 57% 12% at 80% 76%,var(--mint) 0%,transparent 78%),radial-gradient(ellipse 60% 10% at 28% 92%,var(--peach) 0%,transparent 78%)}.intro{min-height:100svh;padding:13vw 9vw 7vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.overline{font-size:11px;font-weight:700;letter-spacing:.08em;color:#6f6687;margin:0 0 25px}.intro h1,.block h2{font-size:clamp(42px,6vw,88px);font-weight:600;letter-spacing:-.06em;line-height:.96;margin:0}.intro-text{font-size:17px;line-height:1.5;max-width:490px;margin:38px 0 0;color:#4f4c59}.scroll-hint{font-size:12px;color:#777;margin-top:auto;padding-top:80px}.block{padding:110px 9vw;display:grid;grid-template-columns:85px minmax(0,760px);gap:30px;scroll-margin-top:30px}.block-number{font-size:12px;color:#887ba5;padding-top:4px}.block h2{font-size:clamp(36px,4.3vw,62px)}.body-text{color:#50505a;font-size:16px;line-height:1.55;max-width:590px;margin:28px 0}.skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.skills span{border:1px solid #cfc9dd;background:#fffffff0;border-radius:999px;padding:9px 12px;font-size:12px}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.project{margin:0}.project>p{font-size:12px;color:#585762;margin:10px 0}.browser{height:23px;background:#f7f6f3;border:1px solid #d9d6d1;border-bottom:0;border-radius:5px 5px 0 0;padding:8px;display:flex;gap:4px}.browser i{height:5px;width:5px;border-radius:50%;background:#b6afbe}.site-inner{position:relative;overflow:hidden;height:300px;border:1px solid #d9d6d1;background:#fff center top/100% auto no-repeat;animation:preview-scroll 10s ease-in-out infinite alternate}.site-inner>*{display:none}.website-one .site-inner{background-image:url('project-architecture.png');animation-delay:-1s}.website-two .site-inner{background-image:url('project-fashion.png');animation-delay:-4s}.website-three .site-inner{background-image:url('project-restaurant.png');animation-delay:-7s}@keyframes preview-scroll{to{background-position:center bottom}}.price-table{margin-top:35px;border-top:1px solid #c9c2d1;max-width:650px}.price-table div{padding:18px 0;border-bottom:1px solid #c9c2d1;display:flex;justify-content:space-between;gap:20px;font-size:15px}.price-table div:nth-child(1) b{color:#6a4db5}.price-table div:nth-child(2) b{color:#157455}.price-table div:nth-child(3) b{color:#df5539}.price-table span{color:#595662}.price-table b{font-weight:600}.small-note{font-size:12px;color:#777;margin-top:20px}footer{padding:30px 9vw;font-size:11px;color:#65606c;background:transparent}@media(prefers-reduced-motion:reduce){.site-inner{animation:none}}@media(max-width:800px){.sidebar{width:100%;height:60px;bottom:auto;padding:0 18px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.name{font-size:14px;line-height:1}.sidebar nav{margin:0 0 0 auto;flex-direction:row;gap:2px}.sidebar nav a{font-size:12px;padding:8px}.sidebar nav span,.sidebar>p{display:none}main{margin-left:0;padding-top:60px}.intro{padding:22vw 8vw 10vw;min-height:85svh}.intro-text{font-size:15px}.block{padding:70px 8vw;display:block}.block-number{margin-bottom:25px}.project-list{grid-template-columns:1fr;max-width:300px}.site-inner{height:280px}.price-table div{font-size:13px}footer{padding:25px 8vw}}