.page-designs .page-hero{padding-bottom:20px}.page-designs .page-hero h1{max-width:880px}.page-designs .page-hero .lead{max-width:720px}.design-library{padding-top:90px}.library-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:65px;margin-bottom:38px}.library-intro h1{font-size:clamp(32px,4vw,53px);line-height:1.1;letter-spacing:-.055em;white-space:pre-line}.library-intro>p{font-size:16px;line-height:1.75;color:#606773;max-width:500px}.library-mode-links{display:flex;gap:27px;align-items:center;border-bottom:1px solid #dde2eb;margin-bottom:28px;font-size:13px}.library-mode-links>*{padding:17px 0;color:#546072}.library-mode-links>span{border-bottom:2px solid #1b293e;color:#1b293e;font-weight:600}.library-filters{display:grid;grid-template-columns:minmax(230px,1.5fr) 1fr 1fr auto;align-items:end;gap:16px;background:#f5f6f9;border:1px solid #e5e8ef;border-radius:16px;padding:20px}.library-filters[hidden]{display:grid!important;visibility:hidden}.library-filters>label{display:grid;gap:8px;min-width:0}.library-filters>label>span:not(.sr-only){font-size:10px;letter-spacing:.03em;color:#5a687c}.library-filters input,.library-filters select{font:inherit;font-size:12px;border:1px solid #d7deea;border-radius:9px;min-height:46px;background:white;padding:11px 13px;color:#26364c;width:100%;min-width:0}.library-filters .library-search{position:relative;display:block}.library-search input{padding-left:42px}.library-search svg{position:absolute;width:17px;height:17px;left:15px;top:15px;color:#61748d}.library-reset{background:none;border:0;border-radius:8px;min-height:46px;padding:8px 12px;font:inherit;font-size:12px;color:#31567f;text-decoration:underline;cursor:pointer}.library-results-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:26px 0 23px}.library-results-bar p{font-size:11px;color:#657083}.library-results-bar p:first-child{font-size:12px;color:#384b64}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 24px}.design-card{min-width:0;content-visibility:auto;contain-intrinsic-size:auto 330px}.design-card-art{position:relative;display:block;padding:13px;border-radius:15px;background:#eff1f6;border:1px solid #e5e8ee;overflow:hidden;aspect-ratio:1.5;transition:background .3s,border-color .3s,transform .3s}.design-card-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px;box-shadow:0 9px 20px #22345024;transition:transform .5s cubic-bezier(.2,.65,.3,1)}.design-card-art:hover{background:#e6edf7;border-color:#c2cfe3;transform:translateY(-3px)}.design-card-art:hover img{transform:scale(1.025)}.design-card-open{position:absolute;right:23px;bottom:23px;width:32px;height:32px;display:grid;place-items:center;background:#fffffff2;color:#1d3757;border:1px solid #e4e8f0;border-radius:50%;font-size:18px;box-shadow:0 2px 8px #12274821}.design-card-info{padding:17px 2px}.design-card-info>p{display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:10px;color:#667489;letter-spacing:.015em}.design-card-info h3{font-size:15px;line-height:1.45;letter-spacing:-.025em;margin:10px 0}.design-card-info h3 a{color:#172c48;text-decoration:none}.design-card-info h3 a:hover{text-decoration:underline}.design-card-info>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#607087}.concept-badge{display:inline-flex;padding:5px 8px;font-size:9px;background:#eef2f7;color:#4d617e;border:1px solid #e1e7ef;border-radius:5px;white-space:nowrap}.library-more{text-align:center;margin-top:34px}.library-more .button{font-size:13px;gap:35px}.library-empty{padding:55px 22px;text-align:center;border:1px dashed #ccd6e5;border-radius:13px}.library-empty[hidden]{display:none}.library-empty h3{font-size:24px;letter-spacing:-.035em}.library-empty p{font-size:14px;color:#637087;max-width:500px;margin:13px auto;line-height:1.8}.library-personal{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-top:75px;background:#f4f6fa;border-radius:20px;padding:40px}.library-personal h2{font-size:27px;line-height:1.2;letter-spacing:-.045em}.library-personal p{font-size:13px;line-height:1.8;color:#627087;margin-top:14px;max-width:680px}.library-personal>.button{flex-shrink:0;font-size:12px}.design-teaser{border-top:1px solid #e8ebf2}.design-teaser .section-head h2{font-size:38px;letter-spacing:-.045em}.design-teaser-note{font-size:11px;color:#607087;text-align:center;margin-top:25px}.design-detail{padding-top:15px}.design-detail>.text-link{font-size:12px}.design-detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin:35px 0 30px}.design-detail-heading h1{font-size:35px;letter-spacing:-.04em;line-height:1.2}.design-detail-heading p:not(.eyebrow){max-width:750px;color:#657083;font-size:14px;line-height:1.8;margin-top:17px}.design-detail-heading .eyebrow{font-size:10px}.design-detail-heading>.concept-badge{margin-top:10px}.design-preview-frame{background:#f1f3f7;border:1px solid #d6deea;border-radius:17px;box-shadow:0 25px 55px #172c4514;overflow:hidden;padding:0 17px 17px}.design-preview-top{height:42px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#586d87;padding:0 4px}.design-preview-top>span:first-child{display:flex;gap:6px}.design-preview-top i{width:7px;height:7px;border-radius:50%;background:#c4cbd7}.design-preview-scroll{overflow:auto;border-radius:9px;background:#fff;scrollbar-width:thin}@media(max-width:1100px){.library-filters{grid-template-columns:1fr 1fr auto}.library-filters .library-search{grid-column:1/-1}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-detail-heading{gap:25px}.design-detail-heading h1{font-size:29px}.design-detail-bottom{gap:35px}.design-detail-bottom aside{padding-left:30px}.design-teaser .design-card:last-child{display:none}.library-intro{gap:35px}.library-intro>p{font-size:14px}.design-preview-scroll>.design-mock{height:650px}.design-preview-scroll .mock-app-main{padding-right:20px;padding-left:20px}.design-preview-scroll .mock-site-copy h2{font-size:54px}}
@media(max-width:700px){.page-designs .page-hero{padding-bottom:0}.design-library{padding-top:35px}.library-intro{display:block;margin-bottom:25px}.library-intro h1{font-size:35px}.library-intro>p{font-size:13px;margin-top:23px}.library-mode-links{font-size:12px;gap:22px}.library-filters{padding:15px;gap:14px;grid-template-columns:1fr 1fr}.library-filters input,.library-filters select{font-size:16px}.library-filters .library-reset{grid-column:1/-1;min-height:34px;padding:0;font-size:12px;justify-self:start}.library-results-bar{align-items:flex-start;flex-direction:column;gap:9px;margin:23px 0}.library-results-bar p{font-size:10px}.design-grid{gap:24px;grid-template-columns:1fr}.design-card-art{padding:12px;border-radius:13px}.design-card-info h3{font-size:17px}.design-card-info>p{font-size:11px}.design-card-info>div{font-size:11px}.concept-badge{font-size:9px}.library-personal{display:block;padding:27px 23px;margin-top:45px}.library-personal h2{font-size:28px}.library-personal p{font-size:13px}.library-personal>.button{margin-top:24px}.design-teaser .section-head{display:block}.design-teaser .section-head h2{font-size:32px}.design-teaser .section-head>.text-link{display:inline-block;margin-top:17px;font-size:12px}.design-teaser .design-card:last-child{display:block}.design-detail-heading{display:block;margin-top:25px}.design-detail-heading h1{font-size:28px}.design-detail-heading p:not(.eyebrow){font-size:13px}.design-detail-heading>.concept-badge{margin-top:20px}.design-preview-frame{padding:0 9px 9px;border-radius:12px}.design-preview-top{font-size:8px;height:36px}.design-preview-scroll>.design-mock{min-width:850px;height:620px}.design-detail-bottom{display:block;margin-top:32px}.design-detail-bottom h3{font-size:26px}.design-detail-bottom p{font-size:13px}.design-detail-bottom aside{border-left:0;border-top:1px solid #e1e6ee;padding:27px 0 0;margin-top:29px}.design-detail-bottom aside h3{font-size:31px}.design-selection{padding:15px;gap:13px}.design-selection img{width:70px;height:47px}.design-selection strong{font-size:12px}.design-selection p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.design-card-art,.design-card-art img{transition:none}.design-card-art:hover,.design-card-art:hover img{transform:none}}
/* Gallery presentation, restrained hover motion and larger previews. */
.design-library{padding-top:72px}.library-intro{grid-template-columns:1.4fr 1fr;margin-bottom:34px;gap:70px}.library-intro h1{font-size:clamp(37px,4.3vw,59px);font-weight:600;line-height:1.07;letter-spacing:-.06em}.library-intro .eyebrow{font-size:9px;letter-spacing:.19em;color:#727b8b}.library-intro>p{font-size:14px;line-height:1.9;color:#687181;padding-bottom:4px}.library-filters{background:#f6f6f8;border:1px solid #e5e6eb;border-radius:12px;padding:20px}.library-mode-links{border-color:#e3e5e9}.library-mode-links>span{color:#202732;border-color:#202732}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.design-card{contain-intrinsic-size:auto 445px}.design-card-art{padding:32px;border:1px solid #e5e5e9;background:linear-gradient(135deg,#e8e8e6,#f3f2ef);border-radius:15px;aspect-ratio:1.45;perspective:1400px}.design-card:nth-child(6n+2) .design-card-art{background:linear-gradient(130deg,#dfd6cc,#f3e9e0);border-color:#e2dbd5}.design-card:nth-child(6n+3) .design-card-art{background:linear-gradient(135deg,#dbe2f1,#eef0f6);border-color:#dfe4ed}.design-card:nth-child(6n+4) .design-card-art{background:linear-gradient(135deg,#deded5,#f0f0e9)}.design-card:nth-child(6n+5) .design-card-art{background:linear-gradient(135deg,#d5dee5,#edf1f5)}.design-card:nth-child(6n+6) .design-card-art{background:linear-gradient(135deg,#d7e2dc,#f0f5ed)}.design-card-art img{object-fit:contain;border-radius:5px;border:1px solid #ffffff66;box-shadow:0 22px 30px -10px #1b233b4a,0 4px 8px #1b233b0d;transform:rotateX(4deg) rotateY(-3deg);transition:transform .65s cubic-bezier(.2,.7,.3,1),box-shadow .65s}.design-card-art:hover,.design-card-art:focus-visible{transform:translateY(-2px);border-color:#bfc7d3}.design-card-art:hover img,.design-card-art:focus-visible img{transform:rotateX(0) rotateY(0) translateY(-3px) scale(1.035);box-shadow:0 25px 38px -12px #1828425c}.design-card-open{right:17px;bottom:17px;width:33px;height:33px;font-size:17px;background:#fff;color:#273749;border:1px solid #dee3ea;box-shadow:0 3px 9px #1b2b4112}.design-card-info{padding:18px 1px 4px}.design-card-info h3{font-size:19px;font-weight:550;margin:8px 0 12px;letter-spacing:-.04em}.design-card-info h3 a{color:#242b35}.design-card-info>p{font-size:10px;color:#67758a}.design-card-info>div{font-size:11px}.concept-badge{font-size:9px;background:#f4f5f8;color:#657289;border-color:#e7eaf0;border-radius:4px}.design-teaser .design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.design-teaser .design-card-art{padding:18px}.design-teaser .design-card-info h3{font-size:16px}.design-detail-heading h1{font-size:43px;letter-spacing:-.055em}.design-preview-frame{padding:0 15px 15px;background:#e9edf3;box-shadow:0 35px 60px -30px #14254255;border-color:#dae1eb}.design-preview-scroll>.concept-v2{height:720px;width:1080px;min-width:1080px}.library-editors{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:36px 0 43px}.library-feature{position:relative;overflow:hidden;border-radius:17px;background:#ebe9e4;padding:28px 28px 0;min-width:0;color:#292e2e;text-decoration:none;isolation:isolate}.library-feature+ .library-feature{background:linear-gradient(130deg,#e7ebf6,#d8e0f0);color:#303c58}.library-feature-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#5c6874;text-transform:uppercase}.library-feature h2{font-size:25px;line-height:1.1;letter-spacing:-.05em;margin:13px 0 26px;font-weight:550}.library-feature-art{position:relative;height:250px;perspective:1000px}.library-feature-art>img{position:absolute;left:0;top:12px;width:96%;height:auto;box-shadow:0 20px 35px #1d304635;border:1px solid #ffffff99;border-radius:8px;transform:rotateY(7deg) rotateX(4deg);transition:transform .7s}.library-feature+ .library-feature .library-feature-art>img{transform:rotateY(-7deg) rotateX(4deg)}.library-feature:hover .library-feature-art>img{transform:rotateY(0) rotateX(0) translateY(-7px)}.library-feature .feature-phone{position:absolute;width:90px;height:176px;right:-3px;bottom:-13px;background:#fff;border:4px solid #202321;border-radius:16px;padding:6px;box-shadow:0 7px 20px #1e2e4140;transform:rotate(7deg);overflow:hidden}.feature-phone:before{content:'';position:absolute;top:3px;left:31px;width:22px;height:5px;border-radius:0 0 5px 5px;background:#202321}.feature-phone>strong{display:block;font:12px Newsreader,Georgia,serif;margin:13px 0 7px;color:#29352b}.feature-phone>span{display:block;font:11px/1.1 Newsreader,Georgia,serif;margin-bottom:10px;color:#29352b}.feature-phone>img{height:100px;width:100%;object-fit:cover;border-radius:1px}.library-feature .feature-live{position:absolute;right:-4px;bottom:14px;background:#fffffff7;border:1px solid #e3e9f4;box-shadow:0 8px 22px #334b7126;border-radius:8px;display:flex;align-items:center;gap:10px;padding:13px 17px;font-size:9px;color:#4e627f;transform:rotate(-4deg)}.feature-live>i{display:grid;place-items:center;background:#eef4f0;width:25px;height:25px;border-radius:50%;color:#608574;font-size:13px;font-style:normal}.feature-live strong{display:block;font-size:9px;font-weight:550;color:#304662}.feature-live small{display:block;font-size:7px;margin-top:3px;color:#70839e}.library-results-bar p{font-size:10px}.library-personal{background:linear-gradient(130deg,#f2f4f8,#e9edf6);border:1px solid #e2e7f0;border-radius:16px}.library-personal h2{font-size:32px}.library-personal p{font-size:13px}.all-client-marks{border-top:1px solid #e5e8ed;padding-top:65px}.all-client-marks>.section-head h2{font-size:38px;letter-spacing:-.045em}.all-client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e8eaef;border-radius:15px;overflow:hidden;background:#fff}.all-client-grid>a{padding:30px 22px;min-height:145px;display:flex;align-items:center;justify-content:center;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;transition:background .2s}.all-client-grid>a:hover{background:#f4f6f9}.all-client-grid img{width:100%;max-width:140px;max-height:65px;object-fit:contain;filter:none}.all-client-grid .logo-synctrixadvisors img,.all-client-grid .logo-opulencenj img,.all-client-grid .logo-rentersshield img{max-width:72px}.all-client-grid .logo-nextgenautonj img{max-width:153px}
@media(max-width:1100px){.library-intro{gap:35px}.library-editors{gap:20px}.library-feature{padding:24px 22px 0}.library-feature-art{height:205px}.library-feature h2{font-size:23px}.design-card-art{padding:23px}.design-grid{gap:25px}.design-teaser .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.all-client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.design-library{padding-top:38px}.library-intro{display:block;margin-bottom:24px}.library-intro h1{font-size:39px;line-height:1.07}.library-intro>p{font-size:12px;line-height:1.85;margin-top:20px}.library-editors{grid-template-columns:1fr;gap:18px;margin:29px 0}.library-feature{padding:23px 21px 0;border-radius:13px}.library-feature h2{font-size:26px;margin-bottom:19px}.library-feature-art{height:190px}.library-feature-art>img{width:92%}.library-feature .feature-phone{right:3px;bottom:-16px;width:79px;height:153px}.feature-phone>strong{font-size:10px}.feature-phone>span{font-size:10px}.feature-phone>img{height:83px}.library-feature .feature-live{right:0;bottom:8px;padding:11px 12px}.library-mode-links{font-size:11px}.library-filters{padding:16px;gap:13px}.design-grid,.design-teaser .design-grid{grid-template-columns:1fr;gap:27px}.design-card-art{padding:21px;aspect-ratio:1.45;border-radius:13px}.design-card-info h3,.design-teaser .design-card-info h3{font-size:19px;margin:8px 0 10px}.design-card-info{padding-top:17px}.design-card-info>p{font-size:9px}.design-card-info>div{font-size:10px}.library-personal{padding:26px 22px}.library-personal h2{font-size:28px}.library-personal p{font-size:12px}.design-detail-heading h1{font-size:31px}.design-preview-scroll>.concept-v2{height:720px;width:1080px;min-width:1080px}.all-client-marks{padding-top:35px}.all-client-marks>.section-head h2{font-size:30px}.all-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:10px}.all-client-grid>a{min-height:125px;padding:24px 22px}.all-client-grid img{max-height:56px}.all-client-grid .logo-synctrixadvisors img,.all-client-grid .logo-opulencenj img,.all-client-grid .logo-rentersshield img{max-width:60px}}
@media(prefers-reduced-motion:reduce){.design-card-art,.design-card-art img,.library-feature-art>img,.all-client-grid>a{transition:none}.design-card-art:hover,.design-card-art:hover img,.design-card-art:focus-visible,.design-card-art:focus-visible img,.library-feature:hover .library-feature-art>img{transform:none}}
.design-preview-scroll>img{display:block;width:1080px;min-width:1080px;height:720px;max-width:none}
.design-card{content-visibility:visible;contain-intrinsic-size:none}
.library-intro .eyebrow{color:#667082}.concept-badge{color:#58677e}

.feature-phone>strong{font:600 11px Inter,Arial,sans-serif}.feature-phone>span{font:11px/1.15 Inter,Arial,sans-serif}