.portal-marketing{--ink:#10283f;--blue:#1765d7;--muted:#64758a}.portal-page .links a[href="client-portal.html"]{color:#a88350}.portal-hero{color:white;background:linear-gradient(95deg,#111d27ee,#172a34b8),url('projects/southern-california-custom-kitchen.webp') center/cover;padding:38px 0 96px}.portal-hero-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:65px}.portal-eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.17em;color:#a88350;text-transform:uppercase}.portal-hero .portal-eyebrow{color:#d4b68b}.portal-text-button{border:0;background:none;color:#d0d7dc;text-align:right;font:12px/1.7 Arial,sans-serif;cursor:pointer}.portal-text-button span{display:block;color:#fff}.portal-hero h1{font:normal clamp(44px,5.7vw,82px)/1.07 Georgia,serif;letter-spacing:-.045em;margin:0;max-width:1040px}.portal-hero h1 em{font-weight:normal;color:#ddc9ab}.portal-hero p{font-size:18px;line-height:1.8;max-width:620px;color:#d8e0e5;margin:30px 0}.portal-hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.portal-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#ac8755;color:#fff;padding:19px 25px;text-decoration:none;font:700 13px/1.4 Arial,sans-serif}.portal-button span{font-size:20px}.portal-button:hover{background:#94703f}.portal-quiet{border:0;background:none;padding:12px 0;color:inherit;text-decoration:none;font:14px Arial,sans-serif;cursor:pointer;border-bottom:1px solid #ffffff50}.portal-benefits{display:flex;gap:32px;margin-top:50px;font:12px Arial,sans-serif;color:#d1d9df}.portal-benefits span:before{content:'✓';color:#c9b28c;margin-right:10px}.portal-introduction{padding-top:90px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.portal-introduction>.portal-eyebrow{grid-column:1/-1}.portal-introduction h2,.experience-heading h2{font:normal clamp(32px,3.4vw,49px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:0}.portal-introduction p{margin:0;font-size:17px;line-height:1.85;color:#5c605e;max-width:540px}.experience-section{background:#e9e7e1;padding:70px 0 85px;scroll-margin-top:115px}.experience-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.experience-heading .portal-eyebrow{display:block;margin-bottom:14px}.experience-heading>p{max-width:350px;color:#60635f;line-height:1.65;font-size:14px;margin:0}.portal-demo{background:#f3f6fa;color:var(--ink);box-shadow:0 28px 80px #18324417;border:1px solid #ccd4dc;font:14px/1.55 Arial,sans-serif}.portal-demo *{box-sizing:border-box}.demo-top{display:flex;align-items:center;gap:22px;border-bottom:1px solid #e3e9ef;padding:18px 28px;background:white}.demo-top img{width:145px;height:55px;object-fit:contain}.demo-label{margin-left:auto;font-size:10px;letter-spacing:.12em;color:#63758a}.demo-top button{background:transparent;border:0;font-size:12px;color:#526b80;cursor:pointer;padding:10px}.demo-intro{padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em;color:#63758a}.demo-intro h3{font:bold clamp(27px,3vw,37px)/1.2 Arial,sans-serif;margin:8px 0 5px;letter-spacing:-.04em}.demo-intro p{color:#63758a;margin:0 0 13px}.demo-status{color:#147c6b;background:#e0f1ed;padding:6px 9px;font-size:11px;font-weight:700}.demo-progress{position:relative;flex:0 0 104px;aspect-ratio:1;display:grid;place-content:center;text-align:center;border-radius:50%;background:conic-gradient(#258b98 65%,#dce4eb 0)}.demo-progress:before{position:absolute;content:'';inset:8px;border-radius:50%;background:#f3f6fa}.demo-progress strong{font-size:29px;position:relative;line-height:1}.demo-progress small{font-size:14px}.demo-progress>span{position:relative;font-size:8px;margin-top:5px}.demo-tabs{display:flex;padding:0 30px;gap:25px;overflow-x:auto;border-bottom:1px solid #dbe3eb;background:white}.demo-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:17px 0;color:#627185;font:600 13px Arial,sans-serif;white-space:nowrap;cursor:pointer}.demo-tabs button[aria-selected=true]{border-color:#1765d7;color:#1765d7}.demo-tabs button span{font-size:10px;padding:2px 5px;background:#e8eef6;margin-left:4px}.demo-content{padding:28px;min-height:440px}.portal-demo [hidden]{display:none!important}.overview-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:32px}.overview-photo{position:relative;min-height:310px;overflow:hidden}.overview-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.overview-photo>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#10283fe6);color:white;padding:50px 20px 20px;font:21px Georgia,serif}.overview-copy{padding:10px 0}.portal-demo h4{font:700 23px/1.3 Arial,sans-serif;letter-spacing:-.035em;margin:7px 0 12px}.overview-copy>p,.panel-title p{color:#63758a;font-size:14px;line-height:1.7;margin:0}.sample-update{display:flex;gap:12px;background:white;padding:18px;margin:22px 0}.sample-update p{color:#63758a;font-size:12px;margin:5px 0}.sample-update strong{font-size:13px}.update-dot{width:8px;height:8px;background:#1765d7;border-radius:50%;flex-shrink:0;margin-top:6px}.demo-link{border:0;background:none;color:#1765d7;font:600 12px Arial,sans-serif;padding:8px 0;cursor:pointer;text-align:left}.sample-team{display:flex;align-items:center;gap:12px}.sample-team>span,.message-avatar{background:#10283f;color:#fff;display:grid;place-items:center;width:38px;height:38px;font:bold 11px Arial,sans-serif;flex-shrink:0}.sample-team p{font-size:11px;color:#63758a;margin:0}.sample-team strong{display:block;color:#10283f;font-size:12px;margin-bottom:3px}.demo-milestones{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #d8e1eb;margin-top:24px;padding-top:18px;color:#9ba6b4;font-size:11px}.demo-milestones b{margin-left:10px;font-weight:500}.demo-milestones .done{color:#148271}.demo-milestones .current{color:#1765d7}.demo-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-top:1px solid #dbe3eb;background:white;gap:15px}.demo-foot>span{font-size:10px;color:#738296}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}.demo-tag{font-size:10px;line-height:1.6;white-space:nowrap;background:#e7edf4;color:#526b80;padding:6px 9px}.demo-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.demo-photos button{border:0;padding:0;background:white;cursor:pointer;text-align:left;color:#10283f}.demo-photos img{display:block;width:100%;height:225px;object-fit:cover;transition:filter .2s}.demo-photos button:hover img{filter:brightness(.85)}.demo-photos button span{display:block;padding:14px;font-size:12px}.finish-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.finish-options button{border:2px solid transparent;background:#fff;padding:0 0 15px;text-align:left;cursor:pointer;color:#10283f}.finish-options button[aria-pressed=true]{border-color:#1765d7}.finish-art{display:grid;place-items:center;height:125px;background:linear-gradient(140deg,#efede6,#dad6ce);margin-bottom:15px;overflow:hidden}.finish-art i{display:block;width:65%;height:15px;transform:rotate(-15deg);background:linear-gradient(#b88d45,#edd3a0,#977039);box-shadow:0 13px 9px #0003;position:relative;border-radius:3px}.finish-art i:before,.finish-art i:after{content:'';position:absolute;top:12px;width:10px;height:12px;background:inherit;z-index:-1}.finish-art i:before{left:6px}.finish-art i:after{right:6px}.black i{background:linear-gradient(#484849,#101113,#323438)}.nickel i{background:linear-gradient(#9fa2a3,#f0f0ee,#969998)}.finish-options strong,.finish-options small{display:block;margin:0 14px}.finish-options strong{font-size:14px;margin-bottom:6px}.finish-options small{font-size:11px;line-height:1.5;color:#63758a}.selection-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}.selection-footer p{font-size:11px;color:#63758a;margin:0}.demo-primary{background:#1765d7;border:0;padding:14px 20px;font:600 12px Arial,sans-serif;color:white;cursor:pointer}.demo-primary:hover{background:#104fba}.demo-feedback{color:#117666;font-size:13px;margin:14px 0 0}.demo-documents{display:grid;gap:12px}.demo-documents button{display:flex;align-items:center;gap:18px;background:white;border:1px solid #e1e8ef;padding:20px;text-align:left;cursor:pointer;color:#10283f}.document-icon{font-size:12px;color:#1765d7;border:1px solid #ccdbea;padding:10px}.demo-documents strong,.demo-documents small{display:block}.demo-documents strong{font-size:14px}.demo-documents small{font-size:12px;color:#63758a;margin-top:5px}.demo-documents b{margin-left:auto;font-size:12px;white-space:nowrap;color:#1765d7}.demo-conversation{display:grid;gap:12px;max-height:280px;overflow:auto}.demo-conversation article{background:white;padding:18px;display:flex;gap:14px}.demo-conversation strong{font-size:12px}.demo-conversation strong small{font-weight:normal;color:#7a8798;margin-left:10px}.demo-conversation p{margin:7px 0 0;font-size:13px;color:#526b80;line-height:1.7;overflow-wrap:anywhere}#sample-message{margin-top:18px}#sample-message label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}#sample-message>div{display:flex;gap:8px}#sample-reply{flex:1;min-width:0;background:white;border:1px solid #cad6e3;padding:12px;font:16px Arial,sans-serif;color:#10283f}#sample-message>small{display:block;color:#63758a;font-size:10px;margin-top:8px}.portal-value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:58px}.portal-value-row article>span{font:10px Arial,sans-serif;letter-spacing:.12em;color:#927347}.portal-value-row h3{font:26px/1.2 Georgia,serif;margin:15px 0}.portal-value-row p{color:#5c605e;font-size:14px;line-height:1.8}.portal-closing{padding:95px 0;background:#172733;color:#fff;text-align:center}.portal-closing h2{font:normal clamp(38px,5vw,64px)/1.08 Georgia,serif;margin:20px 0}.portal-closing p{max-width:580px;margin:20px auto 30px;color:#c4d0d8;line-height:1.8}.portal-closing .portal-quiet{display:block;margin:18px auto 0;font-size:12px}.portal-modal{width:min(92vw,820px);max-height:90dvh;overflow:auto;padding:38px;border:0;background:#fff;color:#10283f;box-shadow:0 25px 80px #0004}.portal-modal::backdrop{background:#071c32c9;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:30px;width:44px;height:44px;color:#10283f;cursor:pointer}.portal-modal h2{font:normal 33px/1.15 Georgia,serif;margin:12px 0 22px;padding-right:20px}.portal-modal p{line-height:1.8;color:#607186}.portal-modal img{max-width:100%;max-height:65dvh;object-fit:contain;display:block;margin:auto}.sample-document{border-top:3px solid #1765d7;padding-top:22px}.sample-document dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font:14px/1.7 Arial,sans-serif}.sample-document dd{text-align:right;margin:0}.sample-document .doc-total{font-weight:bold;border-top:1px solid #dde4eb;padding-top:15px}.portal-marketing button:focus-visible,.portal-marketing a:focus-visible,.portal-modal button:focus-visible,.portal-modal a:focus-visible{outline:3px solid #3a93eb;outline-offset:4px}.portal-demo [role=tabpanel]{animation:portal-reveal .2s ease-out}@keyframes portal-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:800px){.portal-hero{padding:24px 0 65px}.portal-hero-top{margin-bottom:40px}.portal-introduction{grid-template-columns:1fr;gap:22px;padding-top:60px;padding-bottom:60px}.experience-heading{display:block}.experience-heading>p{margin-top:18px}.overview-grid{grid-template-columns:1fr}.overview-photo{min-height:230px}.demo-content{min-height:0}.portal-value-row{gap:24px}.demo-tabs{gap:22px;padding:0 22px}.panel-title{flex-wrap:wrap}.demo-photos img{height:160px}.portal-closing{padding:65px 0}.demo-milestones b{display:block;margin:5px 0 0}}
@media(max-width:520px){.portal-hero-top{align-items:start}.portal-text-button{font-size:10px;max-width:150px}.portal-hero-top>.portal-eyebrow{font-size:9px;max-width:140px}.portal-hero h1{font-size:43px}.portal-hero p{font-size:16px}.portal-hero-actions{gap:15px}.portal-benefits{flex-wrap:wrap;gap:12px 20px;font-size:11px;margin-top:30px}.experience-section{padding:45px 0}.demo-top{padding:12px;gap:10px}.demo-top img{width:115px;height:42px}.demo-label{font-size:8px}.demo-top button{padding:8px 0}.demo-intro{padding:24px 16px}.demo-progress{flex-basis:83px}.demo-progress strong{font-size:25px}.demo-progress>span{font-size:7px}.demo-eyebrow{font-size:9px}.demo-content{padding:16px}.demo-tabs{padding:0 16px;gap:22px}.demo-tabs button{font-size:12px}.overview-photo{min-height:210px}.overview-grid{gap:14px}.demo-foot{padding:12px 16px;align-items:start;flex-direction:column;gap:4px}.demo-photos{grid-template-columns:1fr}.demo-photos img{height:220px}.finish-options{gap:7px}.finish-art{height:85px}.finish-options strong{font-size:12px;margin:0 8px 8px}.finish-options small{font-size:10px;margin:0 8px}.selection-footer{align-items:stretch;flex-direction:column}.demo-documents button{padding:14px 10px;gap:10px}.demo-documents strong{font-size:12px}.demo-documents small{font-size:10px}.demo-documents b{font-size:10px}.document-icon{padding:7px}.portal-value-row{grid-template-columns:1fr;gap:22px;margin-top:38px}.portal-value-row h3{margin:10px 0}.portal-value-row p{margin:0}.demo-conversation article{padding:13px;gap:9px}.demo-conversation strong small{display:block;margin:3px 0 0}#sample-message>div{flex-direction:column}.portal-modal{padding:25px 20px}.portal-modal h2{font-size:29px}.demo-tag{white-space:normal}.portal-closing p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.portal-demo [role=tabpanel]{animation:none}.portal-marketing *{scroll-behavior:auto!important;transition:none!important}}
#sample-message{display:block}#sample-message label{letter-spacing:0;text-transform:none}#sample-reply{margin-top:0}