/* Digital card on the right; detailed landing-page preview on the left. */
.hero-portfolio{display:grid;grid-template-columns:minmax(0,1fr) 174px;gap:20px;align-items:center;direction:ltr;min-height:0;padding:30px 14px 22px}.hero-portfolio>*{direction:rtl}.hp-heading{grid-column:1/-1;margin:0 5px 0}.hp-website{grid-column:1;grid-row:2;width:100%;padding:0;font:inherit;text-align:right;border:5px solid #fff;transform:none;border-radius:15px;cursor:pointer;color:#34594c}.hp-website img{aspect-ratio:900/1275;height:auto;object-fit:cover}.hp-browser{padding:9px 5px}.hp-browser small{font-size:8px}.hp-site-link{font-size:9px;padding:11px 5px;gap:5px}.hp-site-link b{color:#34594c}.hp-card{position:relative;grid-column:2;grid-row:2;inset:auto;width:100%;transform:none;align-self:center;margin:0}.hp-card>img{height:113px}.hp-card>strong{font-size:22px}.hp-card>small{font-size:8px}.hp-card-copy{font-size:9px}.hp-card .hp-contact-icons{margin:20px 0}.hp-card-open{font-size:10px;padding:10px 15px}.hp-caption{grid-column:1/-1;width:auto;padding:0;margin:3px 0 0;text-align:center}.hp-caption>span{font-size:14px}.hp-caption>small{display:block;margin-top:4px}.hero-showcase:before{inset:8px -4px 0;border-radius:35px 75px 35px 35px}.hero-showcase:after{width:40px;height:40px;left:15px;top:-12px}.hero-portfolio .hp-website:hover,.hero-portfolio .hp-card:hover{transform:translateY(-3px)}.portfolio-filters{direction:rtl}.lp-preview .lp-screen-shot{aspect-ratio:900/1275;object-fit:cover;background:#fff}.landing-example .lp-preview{border-radius:16px}.landing-example .lp-meta{align-items:center}.landing-example .lp-meta h3{font-size:17px}.landing-portfolio-intro{display:none}
@media(min-width:1500px){.hero-portfolio{grid-template-columns:minmax(0,1fr) 186px}.hp-card>img{height:130px}}
@media(max-width:1100px) and (min-width:981px){.hero-portfolio{grid-template-columns:minmax(0,1fr) 140px;gap:12px}.hp-site-link{font-size:8px}.hp-card-open{font-size:9px;padding-inline:8px}.hp-card>strong{font-size:19px}}
@media(max-width:980px){.hero-portfolio{max-width:650px;width:100%;margin-inline:auto;grid-template-columns:minmax(0,1fr) 180px}.landing-examples{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.lp-meta{align-items:start!important;flex-direction:column}.lp-meta h3{font-size:15px!important}}
@media(max-width:640px){.hero-portfolio{grid-template-columns:minmax(0,1fr) 120px;gap:10px;padding:25px 8px 15px;min-height:0}.hp-heading{font-size:10px;margin-bottom:10px}.hp-heading a{font-size:9px}.hp-website{border-width:3px;border-radius:10px}.hp-browser{padding:6px 2px;gap:3px}.hp-browser small{font-size:6px}.hp-browser>span{font-size:5px}.hp-site-link{display:block;font-size:7px;line-height:1.6;padding:6px}.hp-site-link b{display:block}.hp-card{border-width:3px;border-radius:18px;padding-bottom:12px}.hp-card>img{height:74px}.hp-card>strong{font-size:17px}.hp-card>small{font-size:6px}.hp-monogram{width:34px;height:34px;font-size:20px;margin-top:-17px}.hp-card-copy{font-size:7px}.hp-card .hp-contact-icons{font-size:15px;letter-spacing:2px;margin:12px 0}.hp-card-open{font-size:8px;padding:7px 10px}.hp-caption{margin-top:5px}.hp-caption>span{font-size:12px}.hp-caption>small{font-size:8px}.landing-examples{grid-template-columns:1fr;max-width:440px;margin-inline:auto;gap:35px}.lp-meta{flex-direction:row;align-items:center!important}.lp-meta h3{font-size:17px!important}.hero-showcase:before{inset:10px -3px 0}.hero-showcase:after{width:30px;height:30px;left:20px;top:-3px}}
@media(prefers-reduced-motion:reduce){.hero-portfolio .hp-website:hover,.hero-portfolio .hp-card:hover{transform:none}}