.portfolio-bar{background:#132e38;color:#f8faf7;display:flex;justify-content:space-between;align-items:center;padding:10px max(20px,calc((100vw - 1240px)/2));gap:20px;font:11px/1.5 Arial,sans-serif}.portfolio-bar>span{display:flex;align-items:center;gap:20px}.portfolio-bar strong{font-size:10px;letter-spacing:1.6px}.portfolio-bar>span>span{opacity:.8}.portfolio-bar>a{padding:7px 12px;border:1px solid #75928d;border-radius:4px;white-space:nowrap;color:inherit;text-decoration:none}.portfolio-notice{margin:auto;padding:35px;border:0;border-radius:12px;width:min(470px,90vw);color:#17384c;background:#fafbf7}.portfolio-notice::backdrop{background:#132e38bb}.portfolio-notice button{float:right;width:40px;height:40px;border:0;font-size:28px;cursor:pointer;background:transparent}.portfolio-notice h2{font:36px/1.15 Georgia,serif;margin:20px 0}.portfolio-notice p{font:13px/1.8 Arial,sans-serif;margin:10px 0}.portfolio-notice a{display:block;margin-top:24px;background:#17384c;color:#fff;padding:14px;text-align:center;font:13px Arial,sans-serif}.portfolio-demo .topline{display:none}@media(max-width:600px){.portfolio-bar{padding:9px 16px;gap:12px;align-items:center}.portfolio-bar>span{display:block}.portfolio-bar strong{font-size:9px;display:block}.portfolio-bar>span>span{font-size:8px;display:block;max-width:140px}.portfolio-bar>a{font-size:9px;white-space:normal;max-width:130px;text-align:center;padding:7px 9px}}