.portfolio-page{min-height:100vh;background:#fafaf9;color:#202120}.portfolio-page #header{height:80px;padding:12px 6%;background:#fafaf9ed;backdrop-filter:blur(16px);border-bottom:1px solid #e8e8e6;color:#202120}.portfolio-page #header .brand{width:164px}.portfolio-main{width:min(1120px,calc(100% - 48px));min-height:calc(100vh - 168px);margin:0 auto;padding:148px 0 90px}.portfolio-intro{max-width:700px;margin-bottom:42px}.portfolio-intro .eyebrow{color:#92733c}.portfolio-intro h1{margin:15px 0;font-size:clamp(48px,8vw,88px);line-height:.98;letter-spacing:-.065em;font-weight:500}.portfolio-intro h1 em{color:#92733c}.portfolio-intro>p:last-child{max-width:500px;color:#737872;font-size:17px;line-height:1.7}.portfolio-links{max-width:760px}.portfolio-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portfolio-social-link{min-height:94px;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e8e6e0;border-radius:20px;background:#fff;color:#202120;box-shadow:0 8px 25px #171a1408;transition:transform .2s,border-color .2s,box-shadow .2s}.portfolio-social-link:hover{transform:translateY(-2px);border-color:#d7c28f;box-shadow:0 12px 28px #171a1412}.portfolio-social-copy{display:grid;gap:5px}.portfolio-social-copy strong{font-size:18px;font-weight:600}.portfolio-social-copy small{color:#85867f;font-size:13px}.portfolio-social-arrow{color:#92733c;font-size:22px}.portfolio-empty{padding:18px 0;color:#737872;font-size:14px}.portfolio-footer{min-height:88px;padding:18px 6%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e5e7e1;color:#737872;font-size:12px}.portfolio-footer img{display:block;width:150px;height:42px;object-fit:contain;object-position:left center}@media(max-width:700px){.portfolio-page #header{height:72px;padding:10px 5%}.portfolio-page #header .brand{width:140px}.portfolio-main{width:calc(100% - 48px);padding:124px 0 60px}.portfolio-intro{margin-bottom:30px}.portfolio-intro h1{font-size:clamp(46px,12vw,64px)}.portfolio-intro>p:last-child{font-size:15px}.portfolio-link-list{grid-template-columns:1fr;gap:10px}.portfolio-social-link{min-height:78px;padding:15px 17px;border-radius:17px}.portfolio-footer{padding:17px 24px;flex-direction:column;align-items:flex-start;gap:8px}}
