h1{line-height:1.12;letter-spacing:-.045em}.section-heading h2,.showcase h2{line-height:1.28;letter-spacing:-.03em}.build-mode{display:flex;gap:5px;width:max-content;margin:20px 0 0;padding:4px;border-radius:9px;background:#f0f1f5;font-size:7px}.build-mode span{padding:7px 10px;border-radius:6px;color:#8b8e99}.build-mode .selected{color:#5657d8;background:#fff;box-shadow:0 3px 10px rgba(29,31,52,.08)}.progress-row{margin:16px 0 18px}
.portfolio-inner{min-height:560px;grid-template-columns:290px 1fr}.portfolio-inner aside{padding:35px 30px;border-right:1px solid #dedbd5}.available{display:flex;align-items:center;gap:6px;font-size:7px;color:#5f645e}.available i{width:6px;height:6px;border-radius:50%;background:#2ebd78;box-shadow:0 0 0 4px rgba(46,189,120,.12)}.big-avatar{margin-top:24px}.portfolio-inner h3{line-height:1.1;margin:28px 0 15px;letter-spacing:-.035em}.portfolio-inner p{font-size:10px;line-height:1.8}.profile-stats{display:flex;gap:20px;margin-top:18px;padding-top:16px;border-top:1px solid #dedbd5;width:100%}.profile-stats span{font-size:7px;color:#81837f}.profile-stats b{display:block;color:#171821;font-size:16px;margin-bottom:4px}.portfolio-content{padding:24px;direction:ltr}.portfolio-nav{height:40px;display:flex;align-items:flex-start;justify-content:space-between}.portfolio-nav strong{font-size:12px}.portfolio-nav div{display:flex;gap:5px}.portfolio-nav span{padding:5px 8px;border-radius:99px;font-size:6px;color:#777982}.portfolio-nav span.active{background:#171821;color:#fff}.portfolio-grid{height:460px;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:9px;padding:0}.portfolio-grid article{border-radius:12px}.portfolio-grid article>span{position:absolute;inset:auto 14px 13px;color:#fff;z-index:2}.portfolio-grid article>span b,.portfolio-grid article>span em{display:block}.portfolio-grid article>span b{font-size:8px}.portfolio-grid article>span em{font-size:6px;opacity:.72;font-style:normal;margin-top:4px}.project-one{background:linear-gradient(145deg,#8d1f19,#f86f43)}.project-two{background:linear-gradient(145deg,#14255b,#4d56df)}.project-three{background:linear-gradient(145deg,#171820,#555764)}.product-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;background:radial-gradient(circle at 50% 42%,rgba(255,210,121,.8),transparent 32%)}.bottle{position:relative;width:62px;height:190px;border-radius:16px 16px 20px 20px;background:linear-gradient(90deg,#f7f1dc,#fff,#d7cfb8);box-shadow:0 25px 35px rgba(73,16,11,.3);transform:rotate(-7deg)}.bottle:before{content:"WELVA";position:absolute;left:8px;right:8px;top:70px;padding:10px 2px;text-align:center;border-top:1px solid #a7916d;border-bottom:1px solid #a7916d;color:#725c39;font:700 8px Alexandria}.bottle:after{content:"";position:absolute;width:28px;height:24px;left:17px;top:-19px;border-radius:5px 5px 2px 2px;background:#ded6c2}.can{position:relative;width:70px;height:130px;border-radius:12px;background:linear-gradient(90deg,#be3824,#f36d41,#a7291b);box-shadow:0 22px 30px rgba(73,16,11,.3);transform:translateY(25px) rotate(7deg)}.can:after{content:"W";position:absolute;inset:30px 0 auto;text-align:center;color:#ffe1b2;font:800 30px Alexandria}.brand-scene,.motion-scene{position:absolute;inset:0;display:grid;place-items:center}.brand-scene{background:radial-gradient(circle at 60% 40%,rgba(119,235,255,.6),transparent 25%)}.brand-scene b{font-size:60px;color:#fff;letter-spacing:-.1em}.brand-scene i{position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.4);border-radius:50%}.motion-scene{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.28),transparent 25%)}.motion-scene i{width:80px;height:80px;border:1px solid rgba(255,255,255,.35);border-radius:50%}.motion-scene b{position:absolute;color:#fff;font-size:9px;letter-spacing:.2em}
@media(max-width:700px){h1{font-size:50px;line-height:1.2;letter-spacing:-.025em}.section-heading h2,.showcase h2{line-height:1.35}.portfolio-inner{grid-template-columns:1fr}.portfolio-inner aside{padding:25px;min-height:340px}.portfolio-inner h3{margin:24px 0 10px}.portfolio-content{padding:14px}.portfolio-nav{height:60px;display:block}.portfolio-nav div{margin-top:9px}.portfolio-grid{min-height:410px;height:410px}.bottle{width:45px;height:145px}.can{width:50px;height:100px}}