.portfolio-intro{padding-top:clamp(55px,7vw,95px);padding-bottom:45px}
.portfolio-intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,78px);letter-spacing:-.04em;margin:16px 0 26px}
.portfolio-opening{font-family:var(--serif);font-size:clamp(24px,2.6vw,34px);line-height:1.4;max-width:650px;margin:0 0 24px}
.portfolio-description{font-size:16px;line-height:1.75;max-width:600px;margin:0 0 22px}
.portfolio-availability{font-size:12px;line-height:1.6;letter-spacing:.04em;color:#70675f;margin:0;max-width:600px}
.portfolio-booking{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;padding-top:55px;padding-bottom:45px}
.portfolio-booking h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,48px);line-height:1.2;letter-spacing:-.035em;margin:0 0 16px}
.portfolio-booking-copy p{font-size:15px;line-height:1.65;margin:0 0 14px;color:#70675f}
.portfolio-booking .portfolio-email{font:400 13px/1.5 var(--font);letter-spacing:0;margin:0;overflow-wrap:anywhere}
.portfolio-booking .portfolio-book-button{font:600 12px/1.5 var(--font);letter-spacing:.12em;min-width:170px;justify-content:center;margin:0}
.portfolio-more{flex-basis:100%;display:flex;flex-wrap:wrap;gap:26px;padding-top:26px;border-top:1px solid var(--line)}
.portfolio-booking .portfolio-more a{font:500 12px/1.5 var(--font);letter-spacing:.08em;text-transform:uppercase;margin:0}
@media(max-width:600px){.portfolio-intro{padding-top:45px;padding-bottom:35px}.portfolio-description{font-size:15px}.portfolio-booking{padding-top:40px;padding-bottom:35px;gap:24px}.portfolio-booking .portfolio-book-button{min-height:48px}}