.portfolio-page{background:#f4f3ee;color:#151515}
.portfolio-page .portfolio-intro{padding:clamp(54px,9vw,120px) 0 48px}
.portfolio-page .portfolio-intro .container{max-width:1160px}
.portfolio-page .portfolio-intro .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#58745f}
.portfolio-page .portfolio-intro h1{font-size:clamp(54px,10vw,112px);line-height:.98;letter-spacing:-.055em;margin:22px 0}
.portfolio-page .portfolio-lede{max-width:650px;font-size:clamp(17px,2vw,22px);line-height:1.65;color:#555}
.portfolio-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.portfolio-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;background:#193b2c;color:#fff;text-decoration:none}
.portfolio-actions .button.secondary{background:transparent;color:#193b2c;border:1px solid #193b2c}
.portfolio-viewer{padding:0 0 72px}
.portfolio-viewer .container{max-width:1380px}
.portfolio-viewer iframe{display:block;width:100%;height:min(82vh,1050px);min-height:560px;border:1px solid #d5d5cc;background:#fff}
.portfolio-hint{font-size:13px;line-height:1.7;color:#666;margin:12px 0 0}
.portfolio-page .site-footer{background:#111;color:#f7f5ef}
.portfolio-page .footer-bottom{color:#aaa}
@media(max-width:700px){.portfolio-page .portfolio-intro{padding:52px 0 32px}.portfolio-actions{display:grid}.portfolio-actions .button{width:100%}.portfolio-viewer iframe{height:72vh;min-height:430px}}