.service-demo-link{margin-top:20px;font-size:13px}.demo{background:#eae5db;border-top:1px solid var(--line)}.demo [hidden]{display:none!important}.demo-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:end;margin-bottom:52px}.demo-heading .eyebrow{margin-bottom:22px;font-size:11px}.demo h2{font-size:clamp(42px,5.3vw,78px);line-height:1.01;max-width:720px}.demo-intro{max-width:430px}.concept-label{display:inline-block;font-size:9px;letter-spacing:.15em;border:1px solid #777065;padding:8px 12px;margin-bottom:18px}.demo-intro>p{font-size:16px;line-height:1.7}.demo-intro .demo-instruction{font-size:12px;margin-top:15px;color:#666056}.portal{--portal-muted:#b3b2a6;--portal-line:#ffffff20;--portal-accent:#bcd5b7;background:#191b19;color:#f1f0e8;box-shadow:0 20px 50px #29291b1a;border:1px solid #4b4e43;border-radius:5px;overflow:hidden}.portal button,.portal-dialog button{font:inherit;cursor:pointer}.portal-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 30px;border-bottom:1px solid var(--portal-line);background:#1d201d}.portal-brand{display:flex;align-items:center;gap:13px}.portal-brand>span{font-family:Georgia,serif;font-size:38px;line-height:1;border:1px solid #72796a;width:48px;height:48px;text-align:center;padding-top:1px}.portal-brand>div{font-size:12px;letter-spacing:.16em}.portal-brand small{display:block;font-size:10px;letter-spacing:0;color:var(--portal-muted);margin-top:7px;line-height:1.4}.portal-reset{border:0;background:transparent;color:#d6d9cc;min-height:44px;display:flex;gap:14px;align-items:center;font-size:12px!important;padding:10px 0}.portal-reset span{font-size:20px}.portal-layout{display:grid;grid-template-columns:215px minmax(0,1fr)}.portal-sidebar{border-right:1px solid var(--portal-line);padding:30px 18px;background:#171a17;min-width:0}.portal-label{font-size:9px!important;letter-spacing:.15em;line-height:1.6;color:#b6b9a9;font-weight:500}.portal-sidebar>.portal-label{padding-left:12px;margin-bottom:20px}.portal-projects{display:flex;flex-direction:column;gap:8px}.portal-projects button{display:flex;align-items:start;gap:12px;width:100%;min-height:78px;border:1px solid transparent;padding:16px 11px;background:none;color:#e9e9de;text-align:left;font-size:13px;line-height:1.4}.portal-projects button[aria-pressed=true]{border-color:#87947b;background:#bcd5b710}.portal-projects button:hover{background:#ffffff08}.portal-projects button[aria-pressed=true]:hover{background:#bcd5b71b}.portal-project-number{font-size:9px;color:#9da791;padding-top:3px}.portal-project-status{display:block;color:#a1a999;font-size:10px;margin-top:7px}.portal-sidebar-note{display:flex;gap:12px;align-items:start;border-top:1px solid var(--portal-line);margin:48px 12px 0;padding-top:22px;color:#a1a999;font-size:11px;line-height:1.7}.portal-note-dot{margin-top:5px;width:6px;height:6px;flex-shrink:0;background:var(--portal-accent);border-radius:50%}.portal-main{padding:32px 36px 28px;min-width:0}.portal-project-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.portal h3{font-size:32px;letter-spacing:-.04em;line-height:1.2;margin-top:7px}.portal-badge{font-size:10px;line-height:1.4;white-space:nowrap;padding:7px 10px;border:1px solid #a997744d;color:#e3c99c;background:#a9977410}.portal-badge[data-status=approved]{color:#bdd7b7;border-color:#bdd7b74d;background:#bdd7b710}.portal-badge[data-status=changes]{color:#efb394;border-color:#efb3944d;background:#efb39410}.portal-progress-header{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#d4d7c7;line-height:1.5;margin-bottom:12px}.portal-progress-header>span:last-child{color:#bdd7b7;font-size:14px}.portal-progress-track{background:#ffffff10;height:4px;overflow:hidden}.portal-progress-track>span{display:block;background:var(--portal-accent);height:100%;transition:width .3s}.portal-progress-caption{font-size:10px;color:#969d8d;margin-top:10px}.portal-milestones{list-style:none;margin:28px 0 30px;padding:0;display:flex;justify-content:space-between;gap:12px}.portal-milestones li{display:flex;flex-direction:column;gap:10px;min-width:0;color:#999f90;font-size:10px;line-height:1.4}.portal-milestone-dot{width:24px;height:24px;border:1px solid #747d655e;display:grid;place-items:center;font-size:9px;border-radius:50%}.portal-milestones [data-state=complete]{color:#cad6bf}.portal-milestones [data-state=complete] .portal-milestone-dot{background:#bdd7b7;color:#1b2718;border-color:#bdd7b7}.portal-milestones [data-state=current]{color:#e5dfcd}.portal-milestones [data-state=current] .portal-milestone-dot{border-color:#d8c6a0;color:#e5dfcd}.portal-deliverable{border:1px solid var(--portal-line);background:#20241f;min-width:0}.portal-deliverable-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.portal-deliverable h4{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:7px 0 0}.portal-deliverable-version{font-size:10px}.portal-deliverable-heading>span{font-size:10px;color:#a5ac9a;border:1px solid #ffffff24;padding:4px 7px}.portal-preview{margin:0 12px;overflow:hidden;min-width:0}.portal-deliverable-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.portal-deliverable-bottom>p{max-width:380px;font-size:12px;color:#b3bbab;line-height:1.6}.portal-primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:13px 18px;background:#c5dabc;border:1px solid #c5dabc;color:#182115;font-size:12px!important;font-weight:600!important;line-height:1.4;flex-shrink:0}.portal-primary:hover{background:#d8e5d0;border-color:#d8e5d0}.portal-activity{margin-top:27px}.portal-activity>ul{list-style:none;padding:0;margin:12px 0 0}.portal-activity li{display:flex;align-items:start;justify-content:space-between;gap:22px;padding:12px 0;border-top:1px solid var(--portal-line);font-size:11px;color:#c4cbba;line-height:1.6}.portal-activity li>div{min-width:0}.portal-activity-note{color:#b3b2a6;margin-top:5px;overflow-wrap:anywhere;white-space:pre-wrap}.portal-activity small{color:#92998a;font-size:9px;flex-shrink:0;padding-top:2px}.portal-footnote{border-top:1px solid var(--portal-line);display:flex;justify-content:space-between;gap:20px;padding:16px 30px;font-size:9px;color:#a1a999;line-height:1.6}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}.demo-bottom>p{font-size:14px;line-height:1.6;color:#625d54}.demo-bottom .text-link{font-size:14px}.portal-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.portal button:focus-visible,.portal-dialog button:focus-visible,.portal-dialog textarea:focus-visible{outline:2px solid #d9bb89;outline-offset:4px}
.sample-site{background:#efeadf;color:#2b372b;min-width:0}.sample-site-nav{display:flex;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid #30382825;font-size:8px;letter-spacing:.08em}.sample-site-nav>span:first-child{font-weight:600;letter-spacing:.16em}.sample-site-body{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;min-height:245px;padding:28px 28px 22px}.sample-site-body>div:first-child{align-self:center;min-width:0}.sample-site-body small{font-size:7px;letter-spacing:.18em}.sample-site-body strong{display:block;font-family:Georgia,serif;font-size:clamp(28px,3.1vw,46px);font-weight:400;letter-spacing:-.05em;line-height:1.04;margin-top:13px}.sample-site-body p{font-size:9px;line-height:1.5;margin-top:15px}.sample-site-link{font-size:8px;display:inline-block;border-bottom:1px solid #2b372b;padding:7px 0;margin-top:12px}.sample-site-art{position:relative;min-height:225px;background:#cdd2bd;overflow:hidden}.sample-sun{position:absolute;width:97px;height:97px;background:#b66c49;border-radius:50%;top:15px;right:-18px}.sample-arch{position:absolute;bottom:-16px;left:19%;width:68%;height:76%;border:28px solid #5d7053;border-radius:100px 100px 0 0}.sample-column{position:absolute;bottom:0;left:12px;width:18%;height:62%;background:#e9dec5}.sample-ground{position:absolute;bottom:0;left:0;right:0;height:22px;background:#a2926b}.sample-site-caption{border-top:1px solid #30382825;padding:11px 22px;font-size:8px;color:#6b6c5b}.sample-film{background:#25252a;color:#f4e9d5;padding:20px}.sample-film-top{display:flex;justify-content:space-between;gap:14px;font-size:8px;letter-spacing:.09em;margin-bottom:18px}.sample-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sample-scene{position:relative;min-height:236px;overflow:hidden;padding:20px 15px;display:flex;flex-direction:column;justify-content:space-between}.sample-scene>span{position:relative;z-index:1;font-size:7px;letter-spacing:.08em}.sample-scene strong{position:relative;z-index:1;display:block;font-family:Georgia,serif;line-height:1.12;font-size:clamp(20px,2.2vw,31px);font-weight:400;letter-spacing:-.04em}.scene-one{background:#8d533d}.scene-one i{position:absolute;right:-30px;top:27%;width:150px;height:200px;border-radius:100px 100px 0 0;background:#c19d73;transform:rotate(10deg)}.scene-two{background:#344332}.scene-two i{position:absolute;right:-20px;top:-30px;bottom:0;width:80%;border-left:30px solid #6c775b;border-radius:100% 0 0 0;transform:rotate(30deg)}.scene-three{background:#646251}.scene-three i{position:absolute;width:110px;height:110px;border:28px solid #c5c1a7;right:-22px;top:45px;border-radius:50%}.sample-film-bottom{margin-top:16px;font-size:8px;color:#b8b3a7}.sample-flow{background:#eef0e8;color:#263528;min-width:0}.sample-flow-heading{display:flex;justify-content:space-between;gap:12px;padding:17px 22px;border-bottom:1px solid #30382825;font-size:8px;letter-spacing:.1em}.sample-flow-body{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding:30px 26px;min-height:260px;align-items:center}.sample-flow-body>div{min-width:0}.sample-flow-body small{font-size:7px;letter-spacing:.1em}.sample-flow-body>div>strong{display:block;font-family:Georgia,serif;font-size:clamp(24px,2.5vw,38px);font-weight:400;line-height:1.07;letter-spacing:-.04em;margin-top:14px}.sample-flow-body p{font-size:10px;line-height:1.6;margin-top:16px;max-width:215px}.sample-flow-body ol{list-style:none;padding:0;margin:0;min-width:0}.sample-flow-body li{display:flex;align-items:center;gap:10px;border-bottom:1px solid #30382825;padding:17px 0}.sample-flow-body li:last-child{border:0}.sample-flow-body li>span{font-size:8px;color:#6c765f}.sample-flow-body li>div{min-width:0}.sample-flow-body li strong{display:block;font-size:11px;font-weight:500;line-height:1.3}.sample-flow-body li small{display:block;font-size:8px;color:#6a755d;letter-spacing:0;margin-top:5px;line-height:1.4}.sample-flow-body li b{margin-left:auto;font-size:11px;font-weight:400}.sample-flow-caption{border-top:1px solid #30382825;padding:11px 22px;font-size:8px;color:#6b6c5b}
.portal-dialog{width:min(900px,calc(100% - 32px));max-width:900px;max-height:90dvh;margin:auto;padding:28px;background:#1b1e1a;color:#eeeee3;border:1px solid #777f6c;overflow:auto;box-shadow:0 24px 100px #0007;font-family:var(--font)}.portal-dialog::backdrop{background:#080a08c9;backdrop-filter:blur(4px)}.portal-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.portal-dialog h3{font-size:31px;letter-spacing:-.04em;line-height:1.2;margin:10px 0 0}.portal-close{background:transparent;border:1px solid #ffffff35;color:#eeeede;width:44px;min-width:44px;height:44px;font-size:25px!important;line-height:1}.portal-close:hover{background:#ffffff10}.portal-review-context{font-size:12px;line-height:1.5;color:#a5af98;margin:18px 0}.portal-expanded-preview{margin:0}.portal-expanded-preview .sample-site-body{min-height:300px}.portal-expanded-preview .sample-site-art{min-height:260px}.portal-review-state{font-size:13px;line-height:1.7;margin:20px 0;color:#c7d0bd}.portal-dialog label{display:block;font-size:13px;margin-bottom:10px;line-height:1.5}.portal-dialog label>span{color:#a7b09b;font-size:11px}.portal-dialog textarea{display:block;width:100%;max-width:100%;min-height:90px;resize:vertical;font:inherit;font-size:14px;line-height:1.5;padding:14px;color:#eeeee3;border:1px solid #ffffff35;background:#242821;border-radius:0}.portal-dialog textarea::placeholder{color:#9fa794}.portal-review-actions{display:flex;justify-content:space-between;gap:14px;margin-top:20px}.portal-secondary{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid #ffffff40;background:none;color:#e4e8db;font-size:12px!important;line-height:1.4;padding:13px 18px}.portal-secondary:hover{background:#ffffff08}.portal-review-disclaimer{font-size:10px;color:#a7b09b;margin-top:18px;line-height:1.5}.portal-review-error{font-size:12px;color:#efb394;margin-top:12px}
@media(max-width:1100px){.demo-heading{gap:5vw}.portal-layout{grid-template-columns:185px minmax(0,1fr)}.portal-main{padding:26px}.portal-sidebar{padding:26px 10px}.portal-projects button{gap:8px;font-size:12px}.portal-deliverable-bottom{flex-direction:column;align-items:start;gap:18px}.sample-site-body{padding:24px 20px;gap:14px;min-height:220px}.sample-site-art{min-height:200px}.sample-site-body strong{font-size:30px}.sample-flow-body{grid-template-columns:1fr;gap:16px;padding:24px}.sample-flow-body>div>strong{font-size:30px}.sample-flow-body p{max-width:none}.sample-flow-body li{padding:13px 0}.sample-film{padding:16px}.sample-scenes{gap:7px}.sample-scene{padding:14px 10px;min-height:200px}.sample-scene strong{font-size:20px}.sample-scene i{opacity:.8}}
@media(max-width:767px){.demo-heading{display:block;margin-bottom:32px}.demo h2{font-size:clamp(38px,9vw,58px)}.demo-heading .eyebrow{font-size:10px;margin-bottom:18px}.demo-intro{margin-top:24px;max-width:none}.demo-intro>p{font-size:15px}.concept-label{font-size:8px;margin-bottom:13px}.portal-topbar{padding:17px 18px;gap:12px}.portal-brand{gap:10px}.portal-brand>span{font-size:30px;width:38px;height:38px}.portal-brand>div{font-size:10px;letter-spacing:.11em}.portal-brand small{font-size:8px;max-width:160px}.portal-reset{font-size:10px!important;gap:8px}.portal-reset span{font-size:17px}.portal-layout{display:block}.portal-sidebar{border-right:0;border-bottom:1px solid var(--portal-line);padding:18px 16px}.portal-sidebar>.portal-label{padding:0;margin-bottom:12px}.portal-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.portal-projects button{display:block;padding:11px 9px;min-height:91px;font-size:11px}.portal-project-number{display:block;margin-bottom:6px;font-size:8px}.portal-project-status{font-size:8px;margin-top:6px}.portal-sidebar-note{display:none}.portal-main{padding:24px 18px}.portal-project-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:20px}.portal h3{font-size:27px}.portal-label{font-size:8px!important}.portal-badge{font-size:9px}.portal-progress-header{font-size:11px}.portal-progress-header>span:last-child{font-size:12px}.portal-milestones{gap:8px;margin:24px 0}.portal-milestones li{font-size:8px;max-width:20%}.portal-milestone-dot{width:22px;height:22px;font-size:8px}.portal-deliverable-heading{padding:17px 15px;gap:12px}.portal-deliverable h4{font-size:17px}.portal-preview{margin:0 8px}.portal-deliverable-bottom{padding:18px 15px}.portal-deliverable-bottom>p{font-size:11px}.portal-primary{font-size:11px!important;padding:13px 15px;gap:12px}.portal-activity{margin-top:23px}.portal-activity li{gap:12px;font-size:10px;display:block}.portal-activity small{display:block;margin-top:6px;font-size:8px}.portal-footnote{display:block;padding:14px 18px;font-size:8px}.portal-footnote>span{display:block}.portal-footnote>span+span{margin-top:4px}.demo-bottom{display:block;margin-top:26px}.demo-bottom>p{font-size:13px}.demo-bottom .text-link{margin-top:14px;font-size:13px}.sample-site-nav{padding:12px 13px;font-size:6px;gap:8px}.sample-site-body{padding:18px 13px;gap:12px;grid-template-columns:1.1fr .9fr;min-height:195px}.sample-site-body strong{font-size:23px;margin-top:10px}.sample-site-body small{font-size:6px}.sample-site-body p{font-size:7px;margin-top:12px}.sample-site-link{font-size:7px;margin-top:9px}.sample-site-art{min-height:180px}.sample-sun{width:70px;height:70px;top:14px;right:-28px}.sample-arch{border-width:18px;left:15%;width:76%;height:72%}.sample-column{left:6px}.sample-ground{height:15px}.sample-site-caption{padding:9px 13px;font-size:7px}.sample-film{padding:12px}.sample-film-top{font-size:6px;gap:8px;line-height:1.5;margin-bottom:12px}.sample-scene{padding:12px 8px;min-height:182px}.sample-scene>span{font-size:5px;letter-spacing:0}.sample-scene strong{font-size:16px}.sample-scenes{gap:5px}.scene-one i{width:100px;height:140px;right:-50px}.scene-three i{width:80px;height:80px;border-width:20px;right:-30px}.sample-film-bottom{font-size:7px;margin-top:12px}.sample-flow-heading{padding:13px;font-size:6px}.sample-flow-body{padding:20px 16px;gap:14px;min-height:0}.sample-flow-body>div>strong{font-size:27px}.sample-flow-body small{font-size:6px}.sample-flow-body p{font-size:8px;margin-top:12px}.sample-flow-body li{padding:12px 0}.sample-flow-body li strong{font-size:10px}.sample-flow-body li small{font-size:7px}.sample-flow-caption{padding:9px 13px;font-size:7px}.portal-dialog{padding:20px;max-height:92dvh}.portal-dialog h3{font-size:26px}.portal-review-context{font-size:11px}.portal-expanded-preview{margin:0}.portal-expanded-preview .sample-site-body{min-height:215px}.portal-expanded-preview .sample-site-art{min-height:190px}.portal-review-state{font-size:12px}.portal-dialog label{font-size:12px}.portal-dialog label>span{font-size:10px}.portal-review-actions{flex-wrap:wrap;gap:10px}.portal-review-actions>button{flex:1;min-width:180px}.portal-review-disclaimer{font-size:9px}}
@media(max-width:359px){.portal-topbar{padding:14px 12px}.portal-brand>div{font-size:9px}.portal-brand small{font-size:7px}.portal-sidebar{padding:16px 12px}.portal-projects{gap:5px}.portal-projects button{padding:10px 6px;font-size:10px}.portal-main{padding:22px 12px}.sample-site-body{gap:8px;padding:16px 10px}.sample-site-body strong{font-size:21px}.sample-site-body small{letter-spacing:.09em}.sample-scene strong{font-size:14px}.sample-scene{padding:11px 5px}.portal-dialog{padding:16px}}

.demo-heading>div:first-child{min-width:0}#demo-title{font-size:clamp(30px,4.4vw,64px);line-height:1.05;max-width:none}#demo-title .demo-title-line{display:block;white-space:nowrap}@media(max-width:767px){#demo-title{font-size:clamp(28px,8.6vw,56px)}}