.portfolio-hero{grid-template-columns:1.4fr 1fr;align-items:end;padding-top:74px;padding-bottom:65px;gap:60px}.portfolio-hero h1{font-size:clamp(48px,5.3vw,78px);max-width:810px;margin:0}.hero-side{padding-bottom:7px}.hero-side .hero-description{font-size:17px;max-width:370px}.portfolio-section{padding-top:65px;background:#eef0f4}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.client-image{position:relative;display:block;background:#e1ddd4;padding:25px 35px 0;overflow:hidden;height:500px;border-radius:6px}.client-project:nth-child(2) .client-image{background:#d6dfdb}.project-browser{background:white;display:flex;gap:5px;align-items:center;padding:10px 13px;border-radius:7px 7px 0 0}.project-browser>span{width:5px;height:5px;background:#c6c9cc;border-radius:100%}.project-browser small{font-size:9px;color:#596065;text-align:center;margin:auto}.client-image img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;box-shadow:0 10px 35px #0001;transition:transform .4s}.client-image:hover img{transform:translateY(-12px)}.visit-site{position:absolute;bottom:20px;right:20px;background:#151619;color:white;padding:12px 18px;border-radius:3px;font-size:12px}.client-caption{display:flex;justify-content:space-between;padding:25px 0 0;gap:20px}.client-caption .eyebrow{font-size:10px;margin:0 0 11px}.client-caption h3{font-size:29px;margin-bottom:10px}.client-caption p:last-child{color:var(--muted);font-size:14px;max-width:370px}.client-caption>a{font-size:26px}.concepts-heading{margin-top:95px;scroll-margin-top:125px}.concept-grid{gap:45px 28px}.concept-grid .project-info p{max-width:330px}.concept-art{display:block;position:relative;padding:26px;background:var(--demo-bg);color:var(--demo-ink);height:350px;overflow:hidden}.concept-art>span{font:23px Georgia,serif;position:relative;z-index:1}.concept-art svg{height:270px;width:70%;position:absolute;right:0;bottom:0}.concept-art strong{position:relative;z-index:1;display:block;margin-top:65px;font:36px/1.1 Georgia,serif;max-width:230px}.estate{--demo-bg:#e7e8db;--demo-ink:#294639}.shop{--demo-bg:#f0e7db;--demo-ink:#6b3829}.trade{--demo-bg:#e8e2d5;--demo-ink:#203b33}.concept-art:hover svg{transform:scale(1.025);transition:transform .3s}.demo-page{background:var(--demo-bg);color:var(--demo-ink)}.demo-nav{display:flex;justify-content:space-between;align-items:center;padding:28px 6%;border-bottom:1px solid #0002}.demo-nav>a:first-child{font:30px Georgia,serif}.demo-nav>a:last-child{font-size:13px}.demo-hero{padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.demo-hero h1{font:clamp(48px,6vw,86px)/1.03 Georgia,serif;letter-spacing:-.055em}.demo-hero p:not(.eyebrow){max-width:420px}.demo-hero svg{width:100%}.demo-button{display:inline-block;background:var(--demo-ink);color:var(--demo-bg);padding:15px 23px;margin-top:18px}.demo-collection{padding:70px 6%;border-top:1px solid #0002}.demo-collection h2,.demo-cta h2{font:48px/1.15 Georgia,serif}.demo-details{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:50px}.demo-details article{border-top:1px solid #0003;padding-top:25px}.demo-details h3{font-size:24px;margin-top:20px}.demo-details p{font-size:15px}.demo-cta{padding:70px 6%;background:#fff6}.demo-cta>p{font-size:13px}.portfolio-hero + .portfolio-section .section-heading{margin-bottom:35px}@media(max-width:1000px){.portfolio-hero{grid-template-columns:1fr;gap:28px}.hero-side .hero-description{max-width:540px}.client-image{height:400px;padding:20px 20px 0}.client-caption h3{font-size:25px}}@media(max-width:760px){.portfolio-hero{padding-top:42px;padding-bottom:45px}.portfolio-hero h1{font-size:clamp(43px,9.5vw,66px)}.client-grid{grid-template-columns:1fr;gap:30px}.client-image{height:430px}.concepts-heading{margin-top:65px}.concept-art{height:330px}.demo-hero{grid-template-columns:1fr;padding:45px 6%;gap:30px}.demo-details{grid-template-columns:1fr}.demo-collection h2,.demo-cta h2{font-size:36px}.demo-nav>a:first-child{font-size:24px}.client-caption .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){.client-image img,.concept-art svg{transition:none!important;transform:none!important}}
